pentair/web/css/style.css

html { overflow-y: scroll; }
body { font-size: 12pt;}
td { font-size: 9pt;}
img{border:0px;}
table{border-collapse:collapse;}


a:link{color: #0066cc; text-decoration: none;}
a:visited {color: #0066cc; text-decoration: none}
a:hover {color: #333333; text-decoration: underline}
a:active {color: #333333; text-decoration: underline}

A.A1:link { COLOR: #124164; TEXT-DECORATION: underline;}
A.A1:visited { COLOR: #124164; TEXT-DECORATION: underline}
A.A1:hover   { COLOR: #ff0000; TEXT-DECORATION: underline}
A.A1:active  { COLOR: #124164; TEXT-DECORATION: underline}

#uploading {
	position:absolute;
	left:179px;
	top:900px;
	width:373px;
	height:141px;
	z-index:1;
	background-color: #FFFFFF;
}
#uploading2 {
	position:absolute;
	left:190px;
	top:150px;
	width:373px;
	height:141px;
	z-index:1;
	background-color: #FFFFFF;
}
.state_init {background-color:#FF6600}
.state_deal {background-color:#FF9999}
.state_callback {background-color:#FFCCFF}

.red { COLOR: #ff0000;}

.TableLineBgRed{background: #ffcccc;}
.TableLineBgSilver{background: #cccccc;}
.TableLineBgYellow{background: #ffffcc;}
.TableLineBgGreen { BACKGROUND: #ccffff;}
.TableLineBgBlack { BACKGROUND: #000000;}
.TableLineBgWhite { BACKGROUND: #ffffff;}
/*
#cccccc
*/

.bodycolor { BACKGROUND: #E2E5E6}
.loginbodycolor { BACKGROUND: #6BA2D8}
.topbar {font-size: 9pt;BACKGROUND: #C4D9EF;background-image: url("/img/topbar.gif")}
.topbar2 {font-size: 9pt;BACKGROUND: #C4D9EF; background-image: url("/img/menubg.gif")}

.panel{ BACKGROUND: #C4D9EF; COLOR:#654125;}
.timebar{ BACKGROUND: #CEDFF1;}
.menu_tr1{ font-size: 9pt;COLOR:#000000;background-image:url("/img/topbar.gif");cursor:pointer}
.menu_tr2{ font-size: 9pt;COLOR:#000000;BACKGROUND: #CEDFF1;cursor:pointer}

.small  { font-size: 9pt;}
.small1  { font-size: 9pt;COLOR: #000000;}
.big { font-size: 12pt;}
.big1   { font-size: 12pt;COLOR: #000000;}
.big2   { font-size: 18pt}
.big3   { font-size: 12pt;COLOR: #124164;FONT-WEIGHT: bold;}
.big4   { COLOR: #FF0000;}
.verybig{ font-size: 24pt}

input.SmallButton, input.ArrowButton {FONT-SIZE: 9pt;height: 20px; text-decoration: none; vertical-align: middle; border: 1px solid #6E91C7; background: #F4FBE1 url('/img/button_bg.gif');}
input.SmallButton:hover, input.ArrowButton:hover  {FONT-SIZE: 9pt;color: #395500; background: #F4FADF url('/img/bg_input_btn_hover.png'); border: 1px solid #80AA00; border-top: 1px solid #99CC00; border-left: 1px solid #99CC00;}
input.BigButton {FONT-SIZE: 11pt; margin: 1px; height: 24px; text-decoration: none; vertical-align: middle; border: 1px solid #6E91C7; background: #F4FBE1 url('/img/button_bg.gif');}
input.BigButton:hover {FONT-SIZE: 11pt;color: #395500; background: #F4FADF url('/img/bg_input_btn_hover.png'); border: 1px solid #80AA00; border-top: 1px solid #99CC00; border-left: 1px solid #99CC00;}

input.SmallButtonAHover{width:50px;height:21px;color:#FFFFFF;background:url("/img/btn_a.png") no-repeat;border:0px;cursor:pointer;background-position:0 -21px;}
input.SmallButtonA{width:50px;height:21px;color:#FFFFFF;background:url("/img/btn_a.png") no-repeat;border:0px;cursor:pointer;}
input.SmallButtonA:hover{background-position:0 -21px;}

input.SmallButtonBHover{width:74px;height:21px;color:#FFFFFF;background:url("/img/btn_b.png") no-repeat;border:0px;cursor:pointer;background-position:0 -21px;}
input.SmallButtonB{width:74px;height:21px;color:#FFFFFF;background:url("/img/btn_b.png") no-repeat;border:0px;cursor:pointer;}
input.SmallButtonB:hover{background-position:0 -21px;}

input.SmallButtonCHover{width:105px;height:21px;color:#FFFFFF;background:url("/img/btn_c.png") no-repeat;border:0px;cursor:pointer;background-position:0 -21px;}
input.SmallButtonC{width:105px;height:21px;color:#FFFFFF;background:url("/img/btn_c.png") no-repeat;border:0px;cursor:pointer;}
input.SmallButtonC:hover{background-position:0 -21px;}

input.SmallButtonDHover{width:160px;height:21px;color:#FFFFFF;background:url("/img/btn_d.png") no-repeat;border:0px;cursor:pointer;background-position:0 -21px;}
input.SmallButtonD{width:160px;height:21px;color:#FFFFFF;background:url("/img/btn_d.png") no-repeat;border:0px;cursor:pointer;}
input.SmallButtonD:hover{background-position:0 -21px;}

input.SmallButtonEHover{width:245px;height:21px;color:#FFFFFF;background:url("/img/btn_e.png") no-repeat;border:0px;cursor:pointer;background-position:0 -21px;}
input.SmallButtonE{width:245px;height:21px;color:#FFFFFF;background:url("/img/btn_e.png") no-repeat;border:0px;cursor:pointer;}
input.SmallButtonE:hover{background-position:0 -21px;}

input.BigButtonAHover{width:60px;height:24px;color:#FFFFFF;background:url("/img/big_btn_a.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;background-position:0 -24px;}
input.BigButtonA{width:60px;height:24px;color:#FFFFFF;background:url("/img/big_btn_a.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;}
input.BigButtonA:hover{background-position:0 -24px;}

input.BigButtonBHover{width:84px;height:24px;color:#FFFFFF;background:url("/img/big_btn_b.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;background-position:0 -24px;}
input.BigButtonB{width:84px;height:24px;color:#FFFFFF;background:url("/img/big_btn_b.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;}
input.BigButtonB:hover{background-position:0 -24px;}

input.BigButtonCHover{width:125px;height:24px;color:#FFFFFF;background:url("/img/big_btn_c.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;background-position:0 -24px;}
input.BigButtonC{width:125px;height:24px;color:#FFFFFF;background:url("/img/big_btn_c.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;}
input.BigButtonC:hover{background-position:0 -24px;}

input.BigButtonDHover{width:195px;height:24px;color:#FFFFFF;background:url("/img/big_btn_d.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;background-position:0 -24px;}
input.BigButtonD{width:195px;height:24px;color:#FFFFFF;background:url("/img/big_btn_d.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;}
input.BigButtonD:hover{background-position:0 -24px;}

input.BigButtonEHover{width:305px;height:24px;color:#FFFFFF;background:url("/img/big_btn_e.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;background-position:0 -24px;}
input.BigButtonE{width:305px;height:24px;color:#FFFFFF;background:url("/img/big_btn_e.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;}
input.BigButtonE:hover{background-position:0 -24px;}

input.BigInput,textarea.BigInput {font-size: 10pt;padding: 1px 5px; vertical-align: middle; border: 1px solid #C0BBB4; background: white url('/img/bg_input_text.png') top left repeat-x;}
input.BigInput:hover,textarea.BigInput:hover {font-size: 10pt;border: 1px solid #99CC00; background: white url('/img/bg_input_text_hover.png') top left repeat-x;}

input.SmallInput,textarea.SmallInput {font-size: 9pt;padding: 1px 5px; vertical-align: middle; border: 1px solid #C0BBB4; background: white url('/img/bg_input_text.png') top left repeat-x;}
input.SmallInput:hover,textarea.SmallInput:hover {font-size: 9pt;border: 1px solid #99CC00; background: white url('/img/bg_input_text_hover.png') top left repeat-x;}

input.BigInputMoney{COLOR:#006; BACKGROUND: #F8F8F8; text-align: RIGHT; border:solid 1px black; BORDER-BOTTOM:1px double; FONT-SIZE: 12pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 22px; LINE-HEIGHT: normal}

input.BigStatic,textarea.BigStatic {font-size: 10pt;padding: 1px 5px; vertical-align: middle; border: 1px solid #C0BBB4; background: #E0E0E0;}

input.SmallStatic,textarea.SmallStatic {font-size: 9pt;padding: 1px 5px; vertical-align: middle; border: 1px solid #C0BBB4; background: #E0E0E0;}

select.BigSelect  { COLOR: #000066;  border: 1px solid #C0BBB4; background: white url('/img/bg_input_text.png') top left repeat-x; BORDER-BOTTOM:1px double; FONT-SIZE: 12pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 22px; LINE-HEIGHT: normal}
select.BigSelect:hover  { COLOR: #000066;  border: 1px solid #C0BBB4; background: white url('/img/bg_input_text_hover.png') top left repeat-x; BORDER-BOTTOM:1px double; FONT-SIZE: 12pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 22px; LINE-HEIGHT: normal}

select.SmallSelect{ COLOR: #000066;  border: 1px solid #C0BBB4; background: white url('/img/bg_input_text.png') top left repeat-x; BORDER-BOTTOM:1px double; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 18px; LINE-HEIGHT: normal}
select.SmallSelect:hover{ COLOR: #000066;  border: 1px solid #C0BBB4; background: white url('/img/bg_input_text_hover.png') top left repeat-x; BORDER-BOTTOM:1px double; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 18px; LINE-HEIGHT: normal}

select.BigStatic  { COLOR: #000066; BACKGROUND: #E0E0E0; border:solid 1px black; BORDER-BOTTOM:1px double; FONT-SIZE: 12pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 22px; LINE-HEIGHT: normal}
select.SmallStatic{ COLOR: #000066; BACKGROUND: #E0E0E0; border:solid 1px black; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 18px; LINE-HEIGHT: normal}

.TableControl{ background: url("/img/footer_bg.png") bottom left;}
.TableHeader { COLOR:#2E2E5A; FONT-WEIGHT: bold; FONT-SIZE: 9pt; background:url("/img/list_hd_bg.png"); line-height:25px;}
.TableHeader1 { BACKGROUND: #D3E5FA; background-image: url("/img/button_back.gif");  cursor:pointer; COLOR: #000066;}
.TableHeader2 { BACKGROUND: #D3E5FA; background-image: url("/img/menubg.gif");  cursor:pointer; COLOR: #000066;FONT-WEIGHT: bold;}
.TableContent{ BACKGROUND: #F0F0F0;}
.TableData   { BACKGROUND: #FFFFFF;COLOR:#000000;}
.TableLine1  { BACKGROUND: #F3F3F3;}
.TableLine2  { BACKGROUND: #FFFFFF;}
.TextColor1  { COLOR: #FF6600;}
.TextColor2  { COLOR: #FF0000;}
.top{ COLOR: #FF0000;font-weight:bold;}

.percent { height: 12px; border: 1px solid #666666; float: left; padding: 0px;margin-top:3px;}
.percent div {height: 8px;font-size: 0px;margin: 1px;}
.percenttxt {float:left;font-size: 9pt;margin-top:1px;}
.s_on{background:url(/images/topmenubg2.gif);font-size: 9pt;}
.s_of{background:url(/images/topmenubg1.gif);font-size: 9pt;}
.m_on{background:url(/images/topmenubg2.gif);font-size: 9pt;}
.border14-1 {border: solid 1px #2E2E5A;font-size: 14px;}/* 琛ㄦ牸澶栨 */
.border14-2 {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #2E2E5A;border-right-width: 1px;border-right-style: solid;border-right-color: #2E2E5A;font-size: 14px;}/* 琛ㄦ牸杈规鍙抽潰 */
.border14-3 {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #98BBD6;font-size: 14px;border-top-style: none;border-right-style: none;border-left-style: none;}/* 琛ㄦ牸杈规搴曢潰 */
.border14-4 {border-right-width: 1px;border-right-style: solid;border-right-color: #98BBD6;font-size: 14px;}/* 琛ㄦ牸杈规宸﹂潰 */
.title_text {  font-size: 14px; font-weight: bold; color: #0A5FA2; }
.table_border {  border-color: #98BBD6 #98BBD6 black; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px}
.table_bg {  background-attachment: fixed; background-image: url("/img/bg_header.png"); background-repeat: repeat; background-position: left; border-color: #2E2E5A black; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px}
.table_left {  background-attachment: fixed; background-image: url(table_left.gif); background-repeat: no-repeat; background-position: left}

.attach_name:link,.attach_name:hover,.attach_name:active,.attach_name:visited{color:#0D3A73;}
.attach_div{display:none;width:auto;border-top:0;border-left: #124164 1px solid;border-right: #124164 1px solid;border-bottom:#124164 1px solid;position:absolute;padding:0px;z-index:10001;background:#E2E5E6;}
.attach_div a{display:block;line-height:20px;padding:3px 0 0 10px;border-top: #124164 1px dotted;width:100%;margin:3px;margin-top:0;}
.attach_div a:hover{background:#F0F0F0;border: solid 1px #606275;padding:3px 0 0 10px;width:auto}

/*  鍒楄〃鍨嬭〃鏍兼牱寮� */
.TableList{
   border:1px #9F9F9F solid;
   line-height:25px;
   font-size:9pt;
   border-collapse:collapse;
}
.TableList td{
   padding:3px;
   color:#000000;
}
.TableList .TableHeader td,
.TableList td.TableHeader{
   background:url("/img/list_hd_bg.png");
   border-top:1px #9F9F9F solid;
   border-right:1px #DCDCDC solid;
   font-weight:bold;
   text-align:center;
   padding:0px;
}
.TableList .TableLine1 td,
.TableList td.TableLine1{
   background:#F8F8F8;
   border-top:1px #DCDCDC solid;
}
.TableList .TableLine2 td,
.TableList td.TableLine2{
   background:#FFFFFF;
   border-top:1px #DCDCDC solid;
}
.TableList .TableData td,
.TableList td.TableData{
   background:#FFFFFF;
   border-top:1px #DCDCDC solid;
}
.TableList .TableContent td,
.TableList td.TableContent{
   background:#F0F0F0;
   border-top:1px #DCDCDC solid;
}
.TableList .TableFooter td,
.TableList .TableControl td,
.TableList td.TableFooter,
.TableList td.TableControl{
   background: url("/img/footer_bg.png") bottom left;
   border-top:1px #DCDCDC solid;
}
.TableList .TextColor1 td,
.TableList td.TextColor1
{
   COLOR: #FF6600;
}
.TableList .TextColor2 td,
.TableList td.TextColor2
{
   COLOR: #FF0000;
}

/*  block鍨嬭〃鏍兼牱寮� */
.TableBlock{
   border:1px #124164 solid;
   line-height:20px;
   font-size:9pt;
   border-collapse:collapse;
   padding:3px;
   table-layout:fixed;
}
.TableBlock td{
   padding:3px;
   color:#000000;
}
.TableBlock .TableHeader td,
.TableBlock td.TableHeader{
   background:url("/img/list_hd_bg.png");
   border-top:1px #9F9F9F solid;
   border-right:1px #606275 solid;
   font-weight:bold;
   color:#124164;
   line-height:25px;
}
.TableBlock .TableLine1 td,
.TableBlock td.TableLine1{
   background:#F8F8F8;
   border-top:1px #606275 solid;
   border-right:1px #606275 solid;
}
.TableBlock .TableLine2 td,
.TableBlock td.TableLine2{
   background:#FFFFFF;
   border-top:1px #606275 solid;
   border-right:1px #606275 solid;
}
.TableBlock .TableData td,
.TableBlock td.TableData{
   border-top:1px #606275 solid;
   border-right:1px #606275 solid;
}
.TableBlock .TableContent td,
.TableBlock td.TableContent{
   background:#F0F0F0;
   border-top:1px #606275 solid;
   border-right:1px #606275 solid;
}
.TableBlock .TableFooter td,
.TableBlock .TableControl td,
.TableBlock td.TableFooter,
.TableBlock td.TableControl{
   background: url("/img/footer_bg.png") bottom left;
   border-top:1px #606275 solid;
}

.Content{
   line-height:normal;
}

.TableControl a{
   color:#124164;
   text-decoration: none;
}

.TableBlock .TableRowHover td,
.TableBlock td.TableRowHover
{
   background:#E2E5E6;
}

.TableBlock .TableRowActive td,
.TableBlock td.TableRowActive
{
   background:#7D95A5;
   color:#FFFFFF;
}
/* 鎻愮ず妗嗘牱寮�*/
.MessageBox{
   border:1px #124164 dotted;
   background:#FFFFFF;
   margin-top:15px;
   margin-bottom:15px;
}
.MessageBox td.msg{
   height:90px;
   padding:5px 20px 10px 90px;
   font-weight:bold;
}
.MessageBox td.msg h4.title{
   color:#124164;
   font-size:18pt;
   border-bottom:1px #124164 dotted;
   margin-bottom:10px;
}
.MessageBox td.msg div.content{
   color:#6BAD42;
   border:none;
}
.MessageBox td.error{
   background:url("/img/icon64_error.png") no-repeat top left;
   background-position:10px 10px;
}
.MessageBox td.info{
   background:url("/img/icon64_info.png") no-repeat top left;
   background-position:10px 10px;
}
.MessageBox td.warning{
   background:url("/img/icon64_warning.png") no-repeat top left;
   background-position:10px 10px;
}
.MessageBox td.forbidden{
   background:url("/img/icon64_forbidden.png") no-repeat top left;
   background-position:10px 10px;
}
.MessageBox td.stop{
   background:url("/img/icon64_stop.png") no-repeat top left;
   background-position:10px 10px;
}
.MessageBox td.blank{
   height:40px;
   padding:10px 20px 10px 20px;
   text-align:center;
}

.menu_link:link{
	color: #FFFFFF;
	text-decoration: none;
}
.menu_link:visited{
	color: #FFFFFF;
	text-decoration: none;
}
.menu_link:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
.menu_link:active{
	color: #FFFFFF;
	text-decoration: underline;
}
.topbar{background:url("/img/topbar_bg.png");background-repeat:repeat-x;}
#banner_text{
   color:#FFFFFF;
   WIDTH: 100%;
   FONT-WEIGHT:bold;
   FONT-SIZE: 18pt;
}
#time{
   text-align:right;
   padding-top:5px;
}
.time_left{
   color:#FFFFFF;
   padding-left:11px;
   background:url("/img/dt_left.png") no-repeat left;
}
.time_right{
   margin-right:5px;
   padding-top:3px;
   background:url("/img/dt_right.png") no-repeat right;
}

.call_up{
	width:16px;
	height:16px;
	position:absolute;
	top:55px;
	right:0px;
	background: url('/img/call_up.png') no-repeat;
}

.call_down{
   width:16px;
   height:16px;
   position:absolute;
   top:5px;
   right:3px;
   background: url('/img/call_down.png') no-repeat;
}

.specialTr td {
	background-color:#ACD6FF;
}
.specialApprovedTr td {
	background-color:#93FF93;
}
.specialRejectedTr td {
	background-color:#FF9797;
}