body
{
	min-width: 980px;
	background-color: #fafaff;
	color: #666;
	font-size: 9px;
	margin: 0;
	padding: 0;
	font: 75%/120% Arial;
}

form { margin: 0; display: inline; vertical-align: middle; }
form input, form select { vertical-align: middle; }
form select
{
	border-top: 1px #528fcf solid; 
	border-left: 1px #528fcf solid;
	border-bottom: 1px #72afef solid;
	border-right: 1px #72afef solid;
	padding: 2px 1px; 
	margin: 4px 0;
	font-size: 12px; 
	color: #023f7f;
}
form input[type=text], form input[type=password], form textarea
{
	background: #fff url("https://phpneoform.com/public/system/images/textbox.bg.png") repeat-x top left;
	margin: 4px 1px; 
	padding: 2px 3px; 
	border-top: 1px #528fcf solid; 
	border-left: 1px #528fcf solid;
	border-bottom: 1px #72afef solid;
	border-right: 1px #72afef solid;
	font-size: 14px; 
	color: #023f7f;							 
}
form input[type=radio] { vertical-align: bottom; }
form input[type=text]:focus, form input[type=text]:hover, 
form input[type=password]:focus, form input[type=password]:hover,
form textarea:focus, form textarea:hover, 
form select:focus, form select:hover
{
	background: #ffffe0 url("https://phpneoform.com/public/system/images/textbox.bg.highlite.png") repeat-x top left;
	color: #444;
}
form input[type=text]:focus, form input[type=password]:focus, form textarea:focus
{
	border-width: 2px;
	margin: 3px 0; 
}
form select optgroup
{ 
	font-weight: normal; 
	font-style: normal;
	color: #444;
}

form input[type=submit], form input[type=button], form input[type=reset]
{
	font-size: 15px;
	background: #eee url("https://phpneoform.com/public/system/images/button.bg.png") no-repeat;
	color: #555;
	border-top: 1px #999 solid;
	border-right: 1px #bbb solid;
	border-bottom: 1px #bbb solid;
	border-left: 1px #999 solid;
	height: 30px;
	padding: 0 12px;
	font-weight: bold;
	font-family: Arial, Verdana, "Trebuchet MS";
} 

form input[type=submit]:hover, form input[type=button]:hover, form input[type=reset]:hover
{
	text-decoration: underline;
	color: #000;
	background: #eee url("https://phpneoform.com/public/system/images/button.bg.hover.png") no-repeat;
} 

.top_header 
{ 
	background: #5893db url("https://phpneoform.com/public/system/images/subheader.background.dark.blue.png") repeat-x bottom left; 
	border: 1px #3873bb solid; 
	border-top: 1px #68a3eb solid;;
	border-left: 1px #68a3eb solid;;
	padding: 9px 12px; 
	margin: 0 0 1px 0;
	color: #fff; 
}
.top_header a:link, .top_header a:visited { color: #fff; font-weight: bold; text-decoration: none; }
.top_header a:hover { color: #fff; font-weight: bold; text-decoration: underline; }

.main_container	{ background: #fff; margin: -1px 22px; padding: 0 7px 7px 7px; margin-bottom: 22px; border: 1px #eee solid; }


h1 { margin: 0; padding: 0; font-size: 18px; line-height: 22px; }
h1 a:link, h1 a:visited
{ color: #0a3087; text-decoration: none; }

h2 { margin: 0; padding: 0; font-size: 22px; line-height: 26px; font-weight: bold; }
h2 a:link, h2 a:visited
{ color: #fff; text-decoration: none; }

h3 { margin: 0; padding: 0; font-size: 16px; line-height: 20px; font-weight: bold; }
h3 a:link, h3 a:visited
{ text-decoration: none; }

h4 { margin: 0; padding: 0; font-size: 14px; line-height: 18px; }
h4 a:link, h4 a:visited
{ text-decoration: none; }

.subheader 
{ 
	background: #f1b000 url("https://phpneoform.com/public/system/images/subheader.background.yellow.png") repeat-x top left; 
	border-top: 1px #ffbe08 solid;
	border-left: 1px #ffbe08 solid;
	border-bottom: 1px #f1b000 solid;
	border-right: 1px #f1b000 solid;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal; 
	padding: 5px 0;
	margin: 0 0 1px 0;
	color: #ffffef;
	display: block;
}
.subheader a
{
	color: #fff; 
	float: left;
	display: block;
	margin: -4px 0 0 0;
	padding: 4px 10px;
	text-decoration: none;
	border-right: 1px #fff3a9 solid;
}
.subheader a:link, .subheader a:visited {  }
.subheader a:hover { color: #fff; background: #f1b000 url("https://phpneoform.com/public/system/images/subheader.background.yellow.png") repeat-x bottom left; }	
.subheader .push
{
	padding: 4px 10px;
}
.miniheader 
{ 
	color: #334; 
	font-weight: bold; 
	font-size: 18px;
	padding: 10px 14px; 
	background: #fff url("https://phpneoform.com/public/system/images/miniheader.bg.png") repeat-x top left; 
	margin: 0 0 1px 0;
	border-top: 1px #f0f0f0 solid;
	border-left: 1px #f0f0f0 solid;
	border-right: 1px #d4d4d4 solid;
	border-bottom: 1px #d4d4d4 solid; 
}
.miniheader a:link, .miniheader a:visited { color: #334; font-weight: bold; text-decoration: none; }
.miniheader a:hover { color: #1a4097; font-weight: bold; text-decoration: underline; }

.mini 
{ 
	color: #fff; 
	font-weight: bold; 
	padding: 4px 14px; 
	margin: 0 0 1px 0; 
	background: #3f63c9 url("https://phpneoform.com/public/system/images/mini.background.png") repeat-x top left; 
	border-top: 1px #729fff solid;
	border-left: 1px #729fff solid;
	border-bottom: 1px #123fdf solid;
	border-right: 1px #123fdf solid;
}
.mini a:link, .mini a:visited
{ color: #fff; text-decoration: none; font-weight: bold; }
.mini a:hover
{ color: #fff; text-decoration: underline; font-weight: bold; } 

.mini_disabled
{ 
	color: #fff; 
	font-weight: bold; 
	padding: 4px 14px; 
	margin: 0 0 1px 0; 
	background: #818181 url("https://phpneoform.com/public/system/images/mini.disabled.background.png") repeat-x top left; 
	border-top: 1px #a1a1a1 solid;
	border-left: 1px #a1a1a1 solid;
	border-bottom: 1px #818181 solid;
	border-right: 1px #818181 solid;
}
.mini_disabled a:link, .mini_disabled a:visited
{ color: #fff; text-decoration: none; font-weight: bold; }
.mini_disabled a:hover
{ color: #fff; text-decoration: underline; font-weight: bold; } 

.inner
{
	background: #fff;
	padding: 1px 1px 0 1px;
	margin-bottom: 5px;
	border-top: 1px #d2d5df solid;
	border-left: 1px #d2d5df solid;
	border-bottom: 1px #e2e5ef solid;
	border-right: 1px #e2e5ef solid;	
}

.on 
{ 
	background: #fff url("https://phpneoform.com/public/system/images/on.bg.png") top left repeat-x; 
	color: #0a3087; 
	padding: 4px 14px; 
	margin: 1px 1px 1px 0; 
	border-bottom: 1px #daeaef solid; 
	border-right: 1px #d4e4ef solid; 
}
.off 
{ 
	background: #fff url("https://phpneoform.com/public/system/images/off.bg.png") top left repeat-x; 
	color: #0a3087; 
	padding: 4px 14px; 
	margin: 1px 1px 1px 0; 
	border-bottom: 1px #d4e4ef solid; 
	border-right: 1px #d4e4ef solid; 
}
.on a:link, .on a:visited, .off a:link, .off a:visited, .on_highlighted a:link, .on_highlighted a:visited
{ color: #0a3087; text-decoration: none;  }
.on a:hover, .off a:hover, .on_highlighted a:hover 
{ color: #2444c4; text-decoration: underline; } 

.list .on:hover, .list .off:hover  { background: #fff; }

.prime 
{ 
	background: #f7f7f7 url("https://phpneoform.com/public/system/images/prime.bg.png") top left repeat-x; 
	color: #64747f; 
	padding: 4px 14px; 
	margin: 0 0 1px 0;
	border-top: 1px #fff solid;
	border-left: 1px #fff solid; 
	border-bottom: 1px #d5d5d5 solid; 
	border-right: 1px #d5d5d5 solid; 
}
.prime a:link, .prime a:visited
{ color: #373e4e; text-decoration: none; }
.prime a:hover
{ color: #2444c4; text-decoration: underline; }
form .prime input[type=text], form .prime input[type=password], form .prime_disabled select
{
	border-top: 1px #999 solid; 
	border-left: 1px #999 solid;
	border-bottom: 1px #bbb solid;
	border-right: 1px #bbb solid;
	color: #555;
	padding: 2px 1px; 
	margin: 2px 0;
	font-size: 12px;
}
form .prime input[type=text]:focus, form .prime input[type=password]:focus
{
	border-width: 2px;
	margin: 0;
}

.highlite 
{ 
	background: #fff url("https://phpneoform.com/public/system/images/highlite.bg.png") top left no-repeat; 
	color: #0a3087; 
	padding: 4px 14px 4px 14px; 
	margin: 0 1px 1px 0; 
	border-bottom: 1px #d4e4ef solid; 
	border-right: 1px #d4e4ef solid;
}
.highlite a:link, .highlite a:visited
{ color: #0a3087; text-decoration: none;  }
.highlite a:hover
{ color: #2444c4; text-decoration: underline; }

.prime_disabled
{ 
	background: #f7f7f7; 
	color: #a4a4a4; 
	padding: 4px 14px; 
	margin: 0 0 1px 0;

	border-bottom: 1px #e5e5e5 solid; 
	border-right: 1px #e5e5e5 solid; 
}
.prime_disabled a:link, .prime_disabled a:visited
{ color: #747474; text-decoration: none; }
.prime_disabled a:hover
{ color: #747474; text-decoration: underline; }

.side_menu
{
	background: #f7f7f7 url("https://phpneoform.com/public/system/images/prime.bg.png") top left repeat-x; 
	color: #555; 
	margin: 0 0 1px 0;
	border-bottom: 1px #e5e5e5 solid; 
	border-right: 1px #e5e5e5 solid; 
	padding: 8px 14px;
	font-weight: normal;
}
.side_menu h2, .side_menu_highlite h2
{
	font-size: 18px;
	font-weight: normal;
	padding: 0;
	margin: 2px 0;
}
.side_menu ul, .side_menu_highlite ul
{
	margin: 0;
	padding: 0;
}
.side_menu ul li, .side_menu_highlite ul li
{
	margin: 0 14px;
	padding:  0;
	list-style-type: square;
}

.side_menu a:link, .side_menu a:visited
{ color: #333; text-decoration: none; }
.side_menu a:hover
{ color: #0424a4; text-decoration: underline; }

.side_menu_highlite
{  
	background: #fff; 
	color: #0424a4; 
	margin: 0 0 1px 0;
	border-bottom: 1px #d0d4db solid; 
	border-right: 1px #d0d4db solid; 
	padding: 8px 14px;
}
.side_menu_highlite .selected
{
	font-weight: bold;
}
.side_menu_highlite a:link, .side_menu_highlite a:visited
{ color: #0424a4; text-decoration: none; }
.side_menu_highlite a:hover
{ color: #2444c4; text-decoration: underline; }

.fat
{ padding: 1em; }

form .prime_disabled input[type=text], form .prime_disabled input[type=password], form .prime_disabled select, form .prime_disabled textarea
{
	border-top: 1px #999 solid; 
	border-left: 1px #999 solid;
	border-bottom: 1px #bbb solid;
	border-right: 1px #bbb solid;
	color: #555;
}

.good { background: #ecffda url("https://phpneoform.com/public/system/images/good.bg.png") repeat-x top left; color: #2f5e1c; padding: 4px 14px; margin: 0 0 1px 0; border-bottom: 1px #9fd966 solid; border-right: 1px #9fd966 solid; }
.good a:link, .good a:visited
{ color: #2f5e1c; text-decoration: none;  }
.good a:hover
{ color: #2f5e1c; text-decoration: underline; } 

/* this is redundant and wastefull.. but it seems to be the only way to do it */
.on .good_text, .on a:link.good_text, .on a:visited.good_text,
.off .good_text, .off a:link.good_text, .off a:visited.good_text,
.highlite .good_text, .highlite a:link.good_text, .highlite a:visited.good_text,
.good .good_text, .good a:link.good_text, .good a:visited.good_text,
.alert .good_text, .alert a:link.good_text, .alert a:visited.good_text,
.error .good_text, .error a:link.good_text, .error a:visited.good_text,
.prime .good_text, .prime a:link.good_text, .prime a:visited.good_text,
input .error_text, select .error_text, textarea .error_text,
.side_menu .good_text, .side_menu a:link.good_text, .side_menu a:visited.good_text,
.prime_disabled .good_text, .prime_disabled a:link.good_text, .prime_disabled  a:visited.good_text
{ color: green; }

.on a:hover.good_text, 
.off a:hover.good_text, 
.highlite a:hover.good_text, 
.good a:hover.good_text, 
.alert a:hover.good_text, 
.error a:hover.good_text, 
.prime a:hover.good_text,
.side_menu a:hover.good_text,
.prime_disabled a:hover.good_text
{ color: black; }


.alert { background: #fff0d5 url("https://phpneoform.com/public/system/images/alert.bg.png") repeat-x top left; color: #885000; padding: 4px 14px; margin: 0 0 1px 0; border-bottom: 1px #e6bd74 solid; border-right: 1px #e6bd74 solid; }
.alert a:link, .alert a:visited
{ color: #885000; text-decoration: none;  }
.alert a:hover
{ color: #885000; text-decoration: underline; } 

/* this is redundant and wastefull.. but it seems to be the only way to do it */
.on .alert_text, .on a:link.alert_text, .on a:visited.alert_text,
.off .alert_text, .off a:link.alert_text, .off a:visited.alert_text,
.highlite .alert_text, .highlite a:link.alert_text, .highlite a:visited.alert_text,
.good .alert_text, .good a:link.alert_text, .good a:visited.alert_text,
.alert .alert_text, .alert a:link.alert_text, .alert a:visited.alert_text,
.error .alert_text, .error a:link.alert_text, .error a:visited.alert_text,
.prime .alert_text, .prime a:link.alert_text, .prime a:visited.alert_text,
input .alert_text, select .alert_text, textarea .alert_text,
.side_menu .alert_text, .side_menu a:link.alert_text, .side_menu a:visited.alert_text,
.prime_disabled .alert_text, .prime_disabled a:link.alert_text, .prime_disabled a:visited.alert_text
{ color: orange; }

.on a:hover.alert_text, 
.off a:hover.alert_text, 
.highlite a:hover.alert_text, 
.good a:hover.alert_text, 
.alert a:hover.alert_text, 
.error a:hover.alert_text, 
.prime a:hover.alert_text,
.side_menu a:hover.alert_text,
.prime_disabled a:hover.alert_text
{ color: black; }

.error { background: #ffcece url("https://phpneoform.com/public/system/images/error.bg.png") repeat-x top left; color: #a80000; padding: 4px 14px; margin: 0 0 1px 0; border-bottom: 1px #e67774 solid; border-right: 1px #e67774 solid; }
.error a:link, .error a:visited
{ color: #a80000; text-decoration: none;  }
.error a:hover
{ color: #a80000; text-decoration: underline; } 

/* this is redundant and wastefull.. but it seems to be the only way to do it */
.on .error_text, .on a:link.error_text, .on a:visited.error_text,
.off .error_text, .off a:link.error_text, .off a:visited.error_text,
.highlite .error_text, .highlite a:link.error_text, .highlite a:visited.error_text,
.good .error_text, .good a:link.error_text, .good a:visited.error_text,
.alert .error_text, .alert a:link.error_text, .alert a:visited.error_text,
.error .error_text, .error a:link.error_text, .error a:visited.error_text,
.prime .error_text, .prime a:link.error_text, .prime a:visited.error_text,
input .error_text, select .error_text, textarea .error_text,
.side_menu .error_text, .side_menu a:link.error_text, .side_menu a:visited.error_text,
.prime_disabled .error_text, .prime_disabled a:link.error_text, .prime_disabled a:visited.error_text
{ color: red; }

.on a:hover.error_text, 
.off a:hover.error_text, 
.highlite a:hover.error_text, 
.good a:hover.error_text, 
.alert a:hover.error_text, 
.error a:hover.error_text, 
.prime a:hover.error_text,
.side_menu a:hover.error_text,
.prime_disabled a:hover.error_text
{ color: black; }

.on .special_text, .on a:link.special_text, .on a:visited.special_text,
.off .special_text, .off a:link.special_text, .off a:visited.special_text,
.prime .special_text, .prime a:link.special_text, .prime a:visited.special_text,
.highlite .special_text, .highlite a:link.special_text, .highlite a:visited.special_text,
.prime_disabled .special_text, .prime_disabled a:link.special_text, .prime_disabled a:visited.special_text
{ color: #4f4532; }

.on a:hover.special_text,
.off a:hover.special_text,
.prime a:hover.special_text,
.highlite a:hover.special_text,
.prime_disabled a:hover.special_text
{ color: #4f4532; }

.side_menu .disabled, .side_menu a:link.disabled, .side_menu a:visited.disabled
{ color: #aaa; }
.side_menu a:hover.disabled
{ color: red; text-decoration: none; }


.ibutton
{
	vertical-align: top;
	border: 0; 
	width: 16px; 
	height: 16px; 
	margin: 0; 
	padding: 0; 
	margin-right: 3px;
}

.faint { color: #bbb; }

.pagenumber
{
	border: 1px #7aa0f7 solid;
	padding: 0 4px;
	font-weight: bold;
	color: #0a3087;
	background: #fff;
}

a.pagenumber
{
	border-top: 1px #ccc solid;
	border-right: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
	border-left: 1px #ccc solid;
	font-weight: normal;
	color: #555;
	background: #efefef;
}
a.pagenumber:link, a.pagenumber:visited 
{
	color: #555;
}

a.pagenumber:hover
{
	background: #fff;
	border: 1px #7aa0f7 solid;
	color: #0a1067;
	text-decoration: none;
}

.editable_value
{
	display: block;
}
.editable_value:hover
{
	font-weight: bold;
	cursor: pointer;
}

.pre
{
	margin: 0; 
	border: 0; 
	border-top: 1px #dbddfa solid;
	padding: 10px; 
	background: #fff; 
	font: 12px "courier new", "times new roman", monospace;
	line-height: 1em; 
	white-space: pre;
	overflow: scroll;
	width: auto;
	max-height: 30em;
}