body{ font-family:"trebuchet ms", tahoma, Geneva, Arial, Helvetica, sans-serif; font-size:8px; color: #000; margin:20px 0px 0px 0px; background-image: url(/images/background.gif); background-repeat:repeat-x; background-position:0px 200px; } h1{ color:#666666; font-size:20px; font-weight:bold; margin-top:3px; margin-bottom:3px; } h6{ color:#666666; font-size:10px; font-weight:normal; margin-top:1px; margin-bottom:1px; } /*Form elements*/ form{ margin-top:3px; margin-bottom:3px; } label{ float: left; width: 120px; } input, textarea{ width: 180px; margin-bottom: 5px; border:1px solid #EF8A12; } textarea{ width: 250px; height: 150px; } .boxes{ width: 1em; border:0px; } select{ color:#fff; background-color:#EF8A12; } br{ clear: left; } /*Links*/ a { color:#666666; text-decoration:none; } a:hover { color:black; text-decoration:underline; } /* ------------------------------------------------------ Buttons: beautiful buttons require javascript submit ------------------------------------------------------ */ div.button_orange{margin:5px 5px 5px 0px;} div.button_orange .btnleft, div.button_orange .btnright { height:20px; width:5px; background-image: url(/images/button/button_orange_left.gif); background-repeat:repeat-x; float:left; } div.button_orange .btnright{ background-image: url(/images/button/button_orange_right.gif); background-repeat:repeat-x; } div.button_orange .btncenter{ float:left; height:20px; width:135px; background-image: url(/images/button/button_orange_center.gif); overflow:hidden; } div.button_orange .btncenter a{ color: #cc6633; text-decoration: none; line-height: 22px; padding: 0px 6px; } div.button_orange .btncenter a:hover{color:#000} div.button_orange .btncenter input{ text-decoration: none; border:0px solid #000; background: transparent; font: 9px "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif;color: #000; cursor: pointer; margin-top:2px; height:19px; } div.button_grey{margin:5px 5px 5px 0px;} div.button_grey .btnleft, div.button_grey .btnright{ height:20px; width:5px; background-image: url(/images/button/button_grey_left.gif); background-repeat:repeat-x; float:left; } div.button_grey .btnright{background-image: url(/images/button/button_grey_right.gif); background-repeat:repeat-x;} div.button_grey .btncenter{ float:left; height:20px; background-image: url(/images/button/button_grey_center.gif); overflow:hidden; } div.button_grey .btncenter a{ color: #666666; text-decoration: none; line-height: 22px; padding: 0px 6px; } div.button_grey .btncenter a:hover{color:#000} div.button_grey .btncenter input{ text-decoration: none; border:0px solid #000; background: transparent; font: 12px "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif;color: #000; cursor: pointer; margin-top:2px; height:19px; } #help { font-size: 10pt; color: #000; padding: 0px 6px; } .plain_button_orange{ background-color:black; background-image: url(images/button/plain_button_orange.gif); font: 12px "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif;color: #000; color: #666666; border:1px solid #cc6633; margin-top:2px; height:20px; width:auto; } .plain_button_grey{ background-image: url(images/button/plain_button_grey.gif); font: 12px "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif;color: #000; color: #666666; border:1px solid #666666; margin-top:2px; height:20px; width:auto; } /*table*/ .data_table{ border-collapse:collapse; border:1px solid #EF8A12; text-align:center; width:100%; } .data_table th{ border:1px solid #EF8A12; } .data_table td{ border:1px solid #EF8A12; } .submenu, .submenu_sel { font-size: 10pt; color: #000; } .submenu_sel { font-weight: bold; } /* Port forwarding table */ .inputIP { width: 90px; margin-bottom: 5px; border:1px solid #EF8A12; font-size:10px;font-weight:bold;color:000;border-color:CA5C03;background-color:FFDD83 } .inputPort { width: 45px; margin-bottom: 5px; border:1px solid #EF8A12; font-size:10px;font-weight:bold;color:000;border-color:CA5C03;background-color:FFDD83 } .tableText { font-size: 10pt; color: #000; padding: 0px 6px; } .Bold { font-size: 10pt; font-weight:bold; } .tableTextSelect { font-size:10px;color:000;background-color:FEF4EB } .tableTextInput { font-size:10px;color:000;border-color:CA5C03;background-color:FFDD83 } .tableTextButton { font-size:10px;font-weight:bold;color:000;border-color:CA5C03;background-color:FFDD83 } .tableCheckBox { width: 10px; height: 10px; font-weight:bold; border:1px solid #000000 } .checkbox { width: 45px; } .radio { width: 45px; }