body 
{
	margin: 0;
	background: #22bbe9 url('img/design_background.png') repeat-x;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	color: #4b4b4b;
	height: 100%;
	scroll: auto;
}

a
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	color: #9b9b9b; 
	text-decoration: none;
}

	a:hover
	{
		color: #4b4b4b; 
	}

div
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	color: #4b4b4b;
}

img
{
	border: 0;
}

input
{
	background: #fff;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	color: #4b4b4b;
	border: 1px solid black;
}


	div#container
	{
		position: relative;
		left: 50%;
		top: 20px;
		width: 788px;
		margin: 0 0 0 -394px;
	}
	
	div#container div#header1
	{
		background: #22bbe9 url('img/design_header_1.png') no-repeat;
		width: 376px;
		height: 150px;
		float: left;
	}
	
		div#container div#header1 span#weather-title
		{
			position: absolute;
			margin: 0;
			top: 17px;
			left: 32px;
			font-weight: bold;
		}
	
		div#container div#header1 blockquote#weather
		{
			position: absolute;
			margin: 0;
			top: 30px;
			left: 30px;
			width: 300px;
			height: 70px;
			border: 1px solid black;
			background-color: #31BFEB;
			filter: alpha(opacity=20);
			-moz-opacity: 0.2;
			opacity: 0.2 ;
		}
		
		div#container div#header1 div#weather-text
		{
			position: absolute;
			margin: 0;
			top: 32px;
			left: 32px;
			width: 296px;
			height: 66px;
			overflow: auto;
		}
		
		div#container div#header1 span#time-title
		{
			position: absolute;
			margin: 0;
			top: 17px;
			left: 590px;
			font-weight: bold;
		}
		
		div#container div#header1 blockquote#time
		{
			position: absolute;
			margin: 0;
			top: 30px;
			left: 590px;
			width: 150px;
			height: 16px;
			border: 1px solid black;
			background-color: #31BFEB;
			filter: alpha(opacity=20);
			-moz-opacity: 0.2;
			opacity: 0.2 ;
		}
		
		div#container div#header1 div#time-text
		{
			position: absolute;
			margin: 0;
			top: 32px;
			left: 592px;
			width: 146px;
			height: 14px;
			overflow: hidden;
		}
	
	div#container div#header2
	{
		background: #22bbe9 url('img/design_header_2.png') no-repeat;
		width: 377px;
		height: 150px;
		float: left;
	}
	
	div#container div#header3
	{
		background: #22bbe9 url('img/design_header_3.png') no-repeat;
		width: 34px;
		height: 150px;
		float: left;
	}
	
	div#container div#navigation
	{
		clear: both;
		background: #22bbe9 url('img/design_navigation_background.png') no-repeat;
		width: 753px;
		height: 27px;
		text-align: center;
	}
	
		div#container div#navigation ul
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		
		div#container div#navigation ul li
		{
			display: inline;
			padding: 0 10px;
		}
		
	div#container div#frame
	{
		overflow: hidden;
		background: #fff url('img/design_content_bg_bg.png') repeat-y;
		width: 753px;
		height: 100%;
	}
	
		div#container div#frame div#border
		{
			position: relative;
			background-image: url('img/design_content_bg.png');
			background-repeat: no-repeat;
			width: 753px;
			min-height: 200px;
		}
		
		div#container div#frame div#border div#content
		{
			width: 512px;
			float: left;
			padding: 5px
		}

			div#container div#frame div#border div#content div.textfield
			{
				background: #fff url('img/textfield.png') no-repeat;
				width: 131px;
				height: 22px;
				padding: 2px 0 0 2px;
				margin: 0;
			}
			
				div#container div#frame div#border div#content div.textfield input
				{
					font-family: Arial, Helvetica, Sans-Serif;
					font-size: 8pt;
					color: #4b4b4b;
					border: 0;
					position: absolute;
				}
				
			div#container div#frame div#border div#content div.textarea
			{
				background: #fff url('img/textarea.png') no-repeat;
				width: 250px;
				height: 150px;
				padding: 2px 0 0 2px;
				margin: 0;
			}
			
				div#container div#frame div#border div#content div.textarea textarea
				{
					font-family: Arial, Helvetica, Sans-Serif;
					font-size: 8pt;
					color: #4b4b4b;
					border: 0;
					position: absolute;
					width: 240px;
					height: 140px;
					scrollbar-arrow-color: #000;
					scrollbar-face-color: #fff;
					scrollbar-highlight-color: #fff;
					scrollbar-3dlight-color: #000;
					scrollbar-shadow-color: #000;
					scrollbar-darkshadow-color: #fff;
					scrollbar-track-color: #fff;
				}
			
			div#container div#frame div#border div#content ul, div#container div#frame div#border div#content div ul
			{
				list-style-type: none;
				margin: 0;
			}
			
				div#container div#frame div#border div#content ul li, div#container div#frame div#border div#content div ul li
				{
					margin: 0;
					padding: 0 0 0 25px;
					list-style-type: none;
					background: #fff url('img/ul-type.png') no-repeat;
				}
			
			div#container div#frame div#border div#content div.form, div#container div#frame div#border div#content div div.form
			{
				clear: both;
				width: 512px;
				overflow: hidden;
			}			
			
				div#container div#frame div#border div#content div.form div.form-left, div#container div#frame div#border div#content div div.form div.form-left
				{
					width: 180px;
					font-weight: bold;
					float: left;
				}
				
				div#container div#frame div#border div#content div.form div.form-icon, div#container div#frame div#border div#content div div.form div.form-icon
				{
					width: 20px;
					float: left;
				}
				
				div#container div#frame div#border div#content div.form div.form-right, div#container div#frame div#border div#content div div.form div.form-right
				{
					width: 312px;
					float: left;
				}
				
			div#container div#frame div#border div#content div#error
			{
				min-height: 20px;
				background: #fff url('img/icon_error.png') no-repeat;
				padding: 0 0 0 20px;
			}
			
			div#container div#frame div#border div#content span.alert
			{
				color: red;
			}

			div#container div#frame div#border div#content div.float
			{
				float: left;
			}

			div#container div#frame div#border div#content div.bold
			{
				font-weight: bold;
			}

			div#container div#frame div#border div#content div.script
			{
				width: 500px;
				overflow: auto;
				border: 1px dashed black;
			}
			
				div#container div#frame div#border div#content h1
				{
					font-size: 12pt;
					font-weight: bold;
					padding: 2px 5px 0 15px;
					margin: 5px 0 0 0;
				}
				
					div#container div#frame div#border div#content div.content-1
					{
						padding: 2px 5px 0 5px;
						clear: both;
					}
					
				div#container div#frame div#border div#content h2
				{
					font-size: 10pt;
					font-weight: bold;
					padding: 2px 5px 0 25px;
					margin: 5px 0 0 0;
				}
				
					div#container div#frame div#border div#content div.content-2
					{
						padding: 2px 5px 0 15px;
						clear: both;
					}
					
				div#container div#frame div#border div#content h3
				{
					font-size: 8pt;
					font-weight: bold;
					font-style: italic;
					padding: 2px 5px 0 35px;
					margin: 5px 0 0 0;
				}
				
					div#container div#frame div#border div#content div.content-3
					{
						padding: 2px 5px 0 25px;
						clear: both;
					}
					
					div#container div#frame div#border div#content h1.icon-scripts, div#container div#frame div#border div#content h2.icon-scripts, div#container div#frame div#border div#content h3.icon-scripts
					{
						background: #fff url('img/icon_scripts.png') no-repeat left;
					}
					
					div#container div#frame div#border div#content h1.icon-accounts, div#container div#frame div#border div#content h2.icon-accounts, div#container div#frame div#border div#content h3.icon-accounts
					{
						background: #fff url('img/icon_accounts.png') no-repeat left;
					}
					
		div#container div#frame div#border div#menu
		{
			width: 231px;
			float: left;
		}
		
			div#container div#frame div#border div#menu ul
			{
				list-style-type: none;
				margin: 10px;
			}
			
				div#container div#frame div#border div#menu ul li
				{
					border-width: 0 0 1px 0;
					border-style: dashed;
					border-color: orange;
				}
				
				div#container div#frame div#border div#menu ul li.sub
				{
					padding: 0 0 0 10px;
				}
				
				div#container div#frame div#border div#menu ul li.title
				{
					border-width: 1px 0;
					border-style: solid;
					border-color: orange;
					font-weight: bold;
				}
								
				div#container div#frame div#border div#menu ul li.sub-title
				{
					font-style: italic;
					padding: 0 0 0 10px;
				}
				
					div#container div#frame div#border div#menu ul li a
					{
						display: block;
						background-color: #f0f0f0;
					}
					
					div#container div#frame div#border div#menu ul li a:hover
					{
						text-indent: 10px;
						font-weight: bold;
					}
				
				div#container div#frame div#border div#menu ul li.twitter
				{
					border-width: 1px 0;
					border-style: solid;
					border-color: orange;
					font-weight: bold;
				}
								
				div#container div#frame div#border div#menu ul li.twitter-date
				{
					font-style: italic;
					padding: 0 0 0 10px;
				}

				div#container div#frame div#border div#menu ul li.tweet
				{
					padding: 0 0 0 10px;
				}

					div#container div#frame div#border div#menu ul li.tweet a
					{
						display: inline;
						font-weight: bold;
						background: white;
					}
					
					div#container div#frame div#border div#menu ul li.tweet a:hover
					{
						text-indent: 0;
					}
			
	div#container div#footer
	{
		background: #22bbe9 url('img/design_footer.png') no-repeat;
		width: 753px;
		height: 25px;
	}
	
	div#container div#copyright
	{
		font-size: 7pt;
		margin: 10px 0;
		text-align: center;
	}