Miscellany

<html>
<head>
		  <title>test</title>
		  <style type="text/css">
					 @import "/dispatch2/themes/basic/base.css";
		  </style>

	</style>

	<script type="text/javascript" src="mod_call_logger_flipper.js"></script>
	</head>

	<body>
			<div id="fullcontain"><form> 
			<div class="container_small">
			<a class="tab" href="#call_log_gen">general</a> | 
			<a class="tab" href="#call_log_adv">advanced tech</a> | 
			<a class="tab" href="#call_log_adtl">additional work</a>
			<div id="call_log_gen" class="module">yay. div one!</div>
			<div id="call_log_adv" class="module">yay. div two!</div>
			<div id="call_log_adtl" class="module">yay. div three!</div>
			<textarea style="width=100%"></textarea>
			</form>
 			</div>  
 </div>
 			</div>
 
</body>
</html>



----------------- snip ------------------
css file
----------------- snip ------------------

body, p, h1, h2, h3, table, td, th, ul, ol, textarea, input
{
	font-family	: verdana,helvetica,arial,sans-serif;
}

body
{
	font-size			: 80%;
	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;
}



div.container_small
{
	background	: #f8f8f8;
	left			: 10px;
	right			: 0px;
	border		: 10px;
	margin		: 10px;
	padding		: 10px;
}


div.module
{
	
	background	: #f0f0f0;
}
	

/* 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;
}

/* main content div declaration */

div.block_main
{
	border		: 1px;
	margin		: 1px;
	padding		: 1px;
	top			: 20px;
	border-color: #000000;
	background	: #f0f0f0;
}

/* menu.div declaration. */

div.menu
{
	border		: none;
	margin		: 0px;
	right			: 10px;
	left			: 10px;
	position		: absolute;
	top			: 152px;
	height		: 40px;
	padding		: 0px;
	background	: #f0f0f0;
}


/* 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;

}