rendered paste body<html>
<head>
<title>test</title>
<!---no the css isn't in the header in the real page... done for simplicities sake --->
<style type="text/css">
/**************************************************************\
| Text and body color declarations- |
\**************************************************************/
body, p, table, td, th, ul, ol, textarea, a,
{
font-size : 85%;
font-family : verdana,helvetica,arial,sans-serif;
}
select, input,
{
font-size : 110%;
}
h1, h2, h3,
{
font-family : verdana,helvetica,arial,sans-serif;
}
body
{
background-color : #ffffff;
margin-left : 0px;
margin-right : 0px;
margin-top : 0px;
border : 0px;
width : 100%;
}
/* the .highx declarations are for highlight backgrounds */
/* I can see these used in tables mostly, but it's your call */
/* These are not strictly needed, but some modules may look ugly */
/* or be hard to use without it */
.high1
{
background-color : #eeeeee;
}
.high2
{
background-color : #ededed;
}
.high3
{
background-color : #f0f0f0;
}
/**************************************************************\
| div declarations- |
| You MUST define container_bar1, container_bar2, |
| container_main, block1, block2, block_main, |
| and menu. Header/Tail info is theme specific |
\**************************************************************/
/* This will typically be the "right bar" content container. It should be no */
/* less than 100 px wide. If you are going to be doing a horizantal layout */
/* make sure you anticipate varying height from module to module. */
/* all containers must be defined as an id ("#") and all blocks as classes(".") */
div#container_bar1
{
position : absolute;
width : 150px;
border : none;
left : 10px;
top : 60px;
background : #ffffff;
}
/* Typically the "left bar" content container. See notes for container_bar1 */
div#container_bar2
{
width : 150px;
border : none;
right : 10px;
top : 60px;
background : #ffffff;
position : absolute;
}
div#fullcontain
{ margin: 0px;
padding: 0px;
position: absolute;
width: 100%;
height: auto;
border-style: none;
border-width: 0px;
}
/* If you need to work on ie 5.x , see http://glish.com/css/7.asp */
/* you might otherwise find some very interesting bugs with div placement */
div#container_main
{
background : #f0f0f0;
left : 150px;
right : 150px;
border : none;
border : 1px;
border-color: #000000;
border-style: solid;
}
div.container_small
{
background : #f8f8f8;
left : 10px;
right : 0px;
border : 10px;
margin : 10px;
padding : 10px;
}
.module
{
background : #e5e5e5;
border : 1px;
border-color: #000000;
border-style: solid;
padding : 10px;
}
/* I am defining block1 and block2 togeather, feel free to seperate */
/* block1 goes in container_bar1, block2 goes in... well.. you know. */
div.block1, div.block2
{
border : 1px;
margin : 1px;
width : 149px;
padding : 2px;
border-color: #000000;
background : #f0f0f0;
border : 1px;
border-color: #000000;
border-style: solid;
}
/* main content div declaration */
div.block_main
{
border : 1px;
margin : 1px;
padding : 1px;
top : 20px;
border-color: #000000;
background : #f0f0f0;
border : 1px;
border-color: #000000;
border-style: solid;
}
/* menu.div declaration. */
div.menu
{
border : none;
margin : 0px;
right : 10px;
left : 10px;
height : 40px;
padding : 0px;
background : #000000;
}
/* header div. huzzah */
div#header
{
border : 1px;
margin : 1px;
right : 10px;
left : 10px;
height : 151px;
padding : 2px;
border-color: #000000;
background : #f0f0f0;
}
/* Brandon's GOOGLE API div */
div#mapapi
{
border : 1px;
margin : 315px;
right : 10px;
left : 10px;
height : 400px;
width : 500px;
border-color: #000000;
background : #f0f0f0;
border : 1px;
}
/**************************************************************\
| individual tag def's- |
| I would reccomend you use most of these, but ymmv |
\**************************************************************/
table.invisble
{
border : 0px;
}
a.tab_active
{
position : relative;
top : 1px;
float : left;
clear : left right;
background : #f0f0f0;
white-space : nowrap;
padding : 3px 14px;
border : 1px;
border-color: #000000;
border-style: solid;
/* display : block;*/
margin : 0px;
text-decoration : none;
}
a.tab_inactive
{
position : relative;
top : 1px;
float : left;
clear : left right;
background : #e0e0e0;
white-space : nowrap;
padding : 3px 14px;
border : 1px;
border-color: #000000;
border-style: solid;
margin : 0px;
text-decoration : none;
}
textarea.module, input.module, select.module
{
background : #f0f0f0;
overflow : hidden;
padding : 3px;
}
</style>
</style>
<script type="text/javascript" src="mod_call_logger_flipper.js"></script>
</head>
<body>
<div id="fullcontain"><form action="formproc.php" method="post">
<input readonly type="hidden" name="uid" value="0" />
<input type="hidden" name="call_length" />
<input type="hidden" name="datetime" />
<div class="container_small">
<div class="menu">
<a class="tab" href="#call_log_gen">general</a>
<a class="tab" href="#call_log_adv">modem</a>
<a class="tab" href="#call_log_adtl">other</a>
</div>
<div id="call_log_gen" class="module">
<table class="invisble">
<tr><td>Tech#</td><td><input type="text" maxlength="4" name="technum" class="module" /></td></tr>
<tr><td>Job#</td><td><input type="text" maxlength="3" name="jobnum" class="module" /></td></tr>
<tr><td>Corp</td><td><select name="corp" class="module">
<option value="05705">05705
<option value="32007">32007</select>
</td></tr>
</table>
</div>
<div id="call_log_adv" class="module">
<table class= "invisible">
<tr><td>Pushed Modem</td><td><input type="checkbox" name="mdm_push" class="module" /></td></tr>
<tr><td>Rebuilt acct</td><td><input type="checkbox" name="act_rebuild" class="module"></td></tr>
</table>
</div>
<div id="call_log_adtl" class="module">yay. div three!</div>
 <br />
<div class="module">
Notes:<br />
<textarea class="module" cols="50" rows="8" name="notes"></textarea>
<input type="button" name="submit" value="SUBMIT!" >
<br /> <br />
</div>
</form>
</div>
</div>
</div>
</body>
</html>