* /* Our "universal rule" */ { padding: 0; margin: 0; border: 0; } body { background: url("page_background.jpg") repeat-y #9FA9B3; //background-color: #ebb81c; //background-image: -webkit-gradient(linear, left top, left bottom, from(#ebb81c), to(#0072bc)); /* Saf4+, Chrome */ //background-image: -webkit-linear-gradient(top, #ebb81c, #0072bc); /* Chrome 10+, Saf5.1+, iOS 5+ */ //background-image: -moz-linear-gradient(top, #ebb81c, #0072bc) ; /* FF3.6 */ //background-image: -moz-linear-gradient(top, #0072bc,#ebb81c) ; /* FF3.6 */ //background-image: -ms-linear-gradient(top, #ebb81c, #0072bc); /* IE10 */ //background-image: -o-linear-gradient(top, #ebb81c, #0072bc); /* Opera 11.10+ */ //background-image: linear-gradient(top, #ebb81c, #0072bc); /filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ebb81c', EndColorStr='#0072bc'); /* IE6-IE9 */ //background-size: 1000px 1000px, 500px 500px; //-o-background-size: 1000px 10000px; //-moz-background-size: 1000px 10000px, 500px, 500px; //-webkit-background-size: 1000px 10000px, 500px 500px; margin: 10; margin-left:40px; padding: 10; border: 10; min-width: 770px; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-align: center; font-size: 18px; font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif; } #mainContainer { width: 770px; margin: 0 auto; /* We are going to center this design */ text-align: left; /* Since we used text-align: center in the body to be sure some older IE versions are going to center our design, we now align the text left */ } #header { background: #000; color: #fff; } #content { float: left; /* Our content is going to be left aligned */ width: 320px; /* And it's going to have a 500px width */ /*background: #D9D9D9;*/ margin-left:60px; } #column { float: right; /* Our column is going to be right aligned */ width: 320px; /* Our total width - content width is 260px */ /*background: #8A8AE6;*/ } #resultbox { width: 700px ; margin-left: auto ; margin-right: auto ; border-width: .2em; border-style: dotted; border-color: #900; text-align: left; padding-left: 30; padding-right: 30; padding-top: 10; padding-bottom: 10; } #footer { clear: both; /* We have to clear our floats */ width: 760px; /* We need to set the width on the footer since it's outside the mainContainer, and therefor isn't controlled by it */ margin: 0 auto; /* We need to center the footer also */ background: black; color: gold; text-align: center; font-size: 10px; } #navlist { margin-left: 50; padding-left: 0; list-style-type: square; text-align: left; } #navlist li { } #navlist a:link { color: #fff; # background-color: #FDB14F; text-decoration: underline ; } #navlist a:visited { # color: #FDB14F; color: gold; text-decoration: underline; } table.sample { border-width: 4px; border-spacing: 2px; border-style: outset; border-color: #808080; border-collapse: separate; width:300px; } table.sample td { border-width: 1px; padding: 1px; border-style: inset; border-color: #808080; /*width:300px;*/ -moz-border-radius: ; } table.calllog { border-width: 4px; border-spacing: 2px; border-style: outset; border-color: #808080; border-collapse: separate; width:500px; } table.calllog td { border-width: 1px; padding: 1px; border-style: inset; border-color: #808080; /*width:300px;*/ -moz-border-radius: ; } .n { font-weight: normal; text-align: left; width: 250px; color: white; } .s { font-weight: normal; text-align: left; width: 150px; color: white; text-decoration: none; } .m { font-weight: normal; text-align: left; width: 350px; color: white; text-decoration: none; } .t { font-weight: normal; text-align: left; width: 350px; color: white; text-decoration: none; visibility:hidden } a:link { color: #fff; # background-color: #FDB14F; text-decoration: underline ; margin-left:10px; } a:visited { # color: #FDB14F; color: gold; text-decoration: underline; margin-left:10px; } #submitbutton { background-color: #010101; font-size: 100%; color: gold; text-decoration: underline;margin-left:150px; padding: 10px; font-weight: bold; }