/* BODY */

.frame { margin:30px auto 0 auto; padding:0; width:800px; position:relative; }

body {
	background: url(images/background.gif) repeat;
	margin: 0; padding: 0;
	text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; color: #000000;
}
h1 {
	margin-top: 0; margin-bottom: 0.5em; font: 1.4em bold; color: #2277aa
}
h2 {
	margin-top: 0.5em; margin-bottom: 0.5em; font: 1.4em bold; color: #2277aa
}
p {
	margin-top: 0.5em; margin-bottom: 0.5em;
}

ul {
	list-style-type: none; list-style-image:  url(images/bullet-3.gif); list-style-position:inside;
	line-height: 2.1em;
	vertical-align: middle; padding: 0; margin: 0;
}

/* HEADER */

.header {
	background: url(images/logo.jpg) top left no-repeat;
	display: block; background-color: #5d5d5d; width: 800px; height: 92px; border-bottom: solid 1px #4d4d4d;
}
.header .title {
	text-align: left; font-size: 25px; font-weight: bold; color: #e0e0e0; margin-left: 40px;
}
.header .subtitle {
	text-align: left; font-size: 12px; color: #e0e0e0; margin-left: 40px; margin-top: 20px;
}
.header .subtitle a {
	text-decoration: none; color: #e0e0e0;
}
.header .subtitle a:hover {
	text-decoration: underline; color: #e0e0e0;
}

/* AD */

.ad {
	display: block; background-color: #5d5d5d; width: 800px; height: 90px; 
}

/* CONTAINER */

.container {
	display: block; width: 796px; border-left: solid 2px #5d5d5d; border-right: solid 2px #5d5d5d;
}

/* FOOTER */

.footer {
	display: block; width: 800px; height: 46px;
	background: url(images/footer.jpg) right no-repeat;
	background-color: #5d5d5d;
	color: #e0e0e0; font-size: 10px; text-decoration: none;
}
.footer a {
	text-decoration: none; color: #e0e0e0;
}
.footer a:hover {
	text-decoration: underline; color: #e0e0e0;
}

/* POPUPs */

.popup-white {
	background: none;
	background-color: #f5f5f5; margin: 0; padding: 0; text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; color: #000000;
}

/* FRAMES */

.frame-white {
	background-color: #f5f5f5;
}
.frame-white-top {
	background: url(images/ugi_1.jpg) left top no-repeat;
	display: block; height: 9px; background-color: #f5f5f5;
}
.frame-white-middle {
	display: block; padding: 0 10px; text-align: justify; vertical-align: text-top; height: auto;
	background-color: #f5f5f5;
}
.frame-white-bottom {
	background: url(images/ugi_2.jpg) right bottom no-repeat;
	display: block; height: 9px; background-color: #f5f5f5;
}
.frame-white-middle h1, .frame-white-middle h2 {
	font: 1.4em bold; color: #2277aa;
}


.frame-blue {
	background-color: #ecf6ff;
}
.frame-blue-top {
	background: url(images/ug_3.jpg) left top no-repeat;
	display: block; height: 9px; background-color: #ecf6ff;
}
.frame-blue-middle {
	display: block; padding: 0 10px; text-align: justify; vertical-align: text-top;
	background-color: #ecf6ff;
}
.frame-blue-bottom {
	background: url(images/ug_4.jpg) right bottom no-repeat;
	display: block; height: 9px; background-color: #ecf6ff;
}
.frame-blue-middle h1, .frame-blue-middle h2 {
	font: 1.4em bold; color: #2277aa;
}

.frame-green {
	background-color: #f3fbf0;
}
.frame-green-top {
	background: url(images/ug_1.jpg) left top no-repeat;
	display: block; height: 9px; background-color: #f3fbf0;
}
.frame-green-middle {
	display: block; padding: 0 10px; text-align: justify; vertical-align: text-top;
	background-color: #f3fbf0;
}
.frame-green-bottom {
	background: url(images/ug_2.jpg) right bottom no-repeat;
	display: block; height: 9px; background-color: #f3fbf0;
}
.frame-green-middle h1, .frame-green-middle h2 {
	font: 1.4em bold; color: #2277aa;
}

.frame-spacer-vert {
	width: 1px; height: 100%; background-color: #5d5d5d;
}
.frame-spacer-horz {
	display: block; height: 1px; background-color: #5d5d5d;
}

/* FORM */

.form {
}
.form .form_menu 
{
	margin: 0px 30px -20px 30px;
}
.form .form_menu a {
	text-decoration: none; color: #000000;
}
.form .form_menu a:hover {
	text-decoration: underline; color: #808080;
}
.form .form_body {
	border: solid 2px #2277aa; margin: 30px; padding: 20px;
}
.form h1 {
	margin-bottom: 1em;
}
.form table {
	table-layout: auto; border: none;
}
.form table td {
	padding: 3px;
}
.form table .label {
	width: auto; text-align: left; vertical-align: middle;
}
.form table .text {
	width: auto; text-align: left; vertical-align: middle;
}
.form table .summary {
	text-align: right;
}
.form table .button {
	text-align: right;
}
.form .textbox {
	width: 450px; vertical-align: baseline;
}
.form .passwordbox {
	width: 200px; vertical-align: baseline;
}

.form .question {
	font-weight: bold; color: #000080; font-size: 1.2em;
}
.form .answer {
	color: #606060;
}

.form .pager {
	text-align: left;
}

/* AJAX */

.form .ajax__tab_body {
	border: solid 2px #2277aa; border-top: 0; margin: 0 30px 30px 30px; padding: 20px;
}
.form .ajax__tab_header {
	font-weight: bold; color: #ffffff; margin: 10px 30px 0 30px; background:url(images/ajax-tab-line.gif) repeat-x bottom;
}

.form .ajax__tab_outer {
	height: 24px; padding-right: 0px; background:url(images/ajax-tab-right.gif) no-repeat right;
}
.form .ajax__tab_inner {
	padding-left: 3px; background: url(images/ajax-tab-left.gif) no-repeat;
}
.form .ajax__tab_tab {
	height: 16px; padding: 4px 10px 4px 10px; margin: 0; background:url(images/ajax-tab.gif) repeat-x;
}

.form .ajax__tab_hover .ajax__tab_outer { 
	background: url(images/ajax-tab-hover-right.gif) no-repeat right; 
}
.form .ajax__tab_hover .ajax__tab_inner { 
	background: url(images/ajax-tab-hover-left.gif) no-repeat; 
}
.form .ajax__tab_hover .ajax__tab_tab {
	background: url(images/ajax-tab-hover.gif) repeat-x;
}

.form .ajax__tab_active .ajax__tab_outer {
	background: url(images/ajax-tab-active-right.gif) no-repeat right; 
}
.form .ajax__tab_active .ajax__tab_inner {
	background:url(images/ajax-tab-active-left.gif) no-repeat; 
}
.form .ajax__tab_active .ajax__tab_tab {
	background:url(images/ajax-tab-active.gif) repeat-x; 
}

/* EXT GRID VIEW */

.plus {
	width: 9px; height: 9px; margin: 0; padding: 0; background: url(images/plus.gif) no-repeat;
}
.minus {
	width: 9px; height: 9px; margin: 0; padding: 0; background: url(images/minus.gif) no-repeat;
}

/* HOME */

div#home {
	position: relative; background-color: #f5f5f5; text-align:justify;
}
div#home .logo {
	width: 796px; height: 150px; margin: 0; padding: 0;
	background: url(images/clouds.jpg) left top no-repeat; color: #e0e0e0;
}
div#home .logo .title {
	width:100%; padding: 50px 40px 0 40px;
	text-align: left; font-size: 25px; font-weight: bold;  
}
div#home .logo a {
	text-decoration: none; color: #e0e0e0;
}
div#home .logo a:hover {
	text-decoration: underline; color: #e0e0e0;
}

/* ADMIN MASTER */

div#AdminMaster {
	display: block; background-color: #ecf6ff; width: 100%; border-bottom: solid 2px #5d5d5d;
}

div#AdminMaster .menu {
	position: relative; width: 100%; margin: 0; padding: 0;
	text-align:center; font-size: 1.1em; font-weight:bold; text-transform: uppercase;
	color: #808080;
}
div#AdminMaster .menu a:active {
	color: #808080;
}
div#AdminMaster .menu a:hover {
	text-decoration: underline; color: #000000;
}
div#AdminMaster .menu a:visited {
	color: #808080;
}

div#AdminMaster .menuitem {
}
div#AdminMaster .menuitem a:hover {
	text-decoration: none; color: #000000;
}


/* PRODUCTS */

div#products {
}
div#products .textbox {
	width: 600px;
}

/* REGISTER */

div#register {
}
div#register .textbox {
	width: 300px;
}

/* CONTACT */

div#contact {
}
div#contact .textbox {
	width: 550px;
}