* {
margin:0;
padding:0;
}

/* General Style Info */
body {
	background-image: url(http://www.toogi.com/img/header.png);
	background-position:top;
	background-repeat:repeat-x;
	background-color: #FFF;
	margin-top:1.5em;
	color: #000;
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
}
#footer {
	clear: both;
	background-color:#fff;
	padding: 0;
	text-align:center;
	font-size:0.75em;
	padding:1em 0;
}
#footer ul {
	margin: 0;
	padding: 0;
}
#footer li {
	display: inline;
	list-style-type: none;
	margin: 0 1em 0 0;
	padding: 0;
}
#footer ul li a {
	background: #fff;
	color: #003d4c;
	text-decoration: none;
}
#footer ul li a:hover {
	background: #003d4c;
	color: #fff;
}
div.footer{
	background-color:#9C0;
	height:1em;
	margin: 1em 0;
}
/* Layout */
#container {
	min-width:600px;
	margin:auto;
	background-color:#FFF;
	width:95%;
	text-align:left;
}

#content{
	background-color: #fff;
	clear: both;
	color: #333;
	padding: 10px;
	overflow: auto;
	border: 1px solid #9C0;
	min-width:570;
}
a {
	background-color: inherit;
	color: #003d4c;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	background-color: inherit;
	color: #003d4c;
	text-decoration:none;
}
a img {
	border:none;
}
p {
	padding: 0.25em 10px;
}
h1, h2, h3, h4 {
	background-color: inherit;
	font-weight:bold;
}
h1 {
	color: #B76814;
	font-size: 1.5em;
	margin: 0.1em 0;
}
h2 {
	color:#B76814;
	font-size:1.3em;
	padding:10px;
}
h3 {
	color: #B76814;
	font-size: 1.1em;
}
h4 {
	color: #B76814;
	font-size:1em;
}
h2.color1{
	background-color:#F90;
	padding: 6px 10px;
	color:#FFF;
	font-weight:bold;
	border: 2px solid #999;
	font-size:1em;
	margin: 1em 0;
}
h2.color2{
	background-color:#09C;
	padding: 6px 10px;
	color:#FFF;
	font-weight:bold;
	border: 2px solid #999;
	font-size:1em;
	margin:1em 0;
}
ul, li {
	margin: 0 12px;
	padding: 3px 0;
}
dl {
	line-height: 2em;
	margin: 0em 0em;
}
dl .altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
dd {
	margin-left: 22em;
	margin-top: -2em;
	vertical-align: top;
}

dd.short {
	margin-left: 12em;
	margin-top: -2em;
	vertical-align: top;
}
div.main {
	padding: 0;
	color:#000;
	margin-right:0.5em;
}
div.main h2{
	background-color:#F90;
	padding: 6px 10px;
	color:#FFF;
	font-weight:bold;
	border: 2px solid #999;
	font-size:1em;
	margin-bottom:1em;
	margin-top:0.5em;
}
div.main pre{
	padding-left:20px;
}
div.main p{
	padding-left:20px;
}
div.main dl{
    padding-left:20px;
}
div.col {
	padding: 0;
	color:#000;
	clear: right; 
	float: right;	
	margin-left:0.5em;
	width: 37%; 
}
div.col h2{
	background-color:#09C;
	color:#FFF;
	padding: 6px 10px;
	font-weight:bold;
	font-size:1em;
	border: 2px solid #888;
	margin-bottom:1em;
	margin-top:0.5em;
}
div.col ul{
	list-style:none;
	margin-bottom:1.5em;
}
div.col li{
	margin:0.5em 0;
}
div.panel
{
	float:left;
	width:300px;
	padding: 0 10px 10px 10px;
}
div.smallPanel
{
	float:left;
	padding: 0 10px;
}
/* Paging */
div.paging {
	color: #ccc;
	margin: 1em 0;
	padding-left: 1em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
/* Forms */
form {
	clear: both;
	margin: 0;
	padding: 10px;
	width: 95%;
}
fieldset {
	border: 1px solid #ccc;
	padding: 5px 10px;
}
fieldset legend {
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom:5px;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 0;
}
fieldset fieldset legend {
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 20px;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	vertical-align: text-top;
}
form div.input {
	color: #444;
}
form div.required {
	color: #444;
	font-weight: bold;
	padding-bottom:15px;
}
form div.required span {
	color: #777;
	font-weight:normal;
	font-size:0.9em;
}
form div.submit {
	border: 0;
	clear: both;
	margin: 5px 0 0 5px;
}
label {
	display: block;
	font-size: 1.2em;
	padding-right: 20px;
}
input, textarea {
	clear: both;
	display: block;
	font-size: 1.1em;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px;
	width: 100%;
}
select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}
input[type=hidden]{
	display: none;
	width:1px; padding:0; margin:0;
}
/* Notices and Errors */
div.flashDiv {
	border:1px solid #CCCCCC;
	height:40px;
	margin:5px;
}
div.flashDiv div {
	background-repeat:no-repeat;
	clear:both;
	color:#990000;
	font-size:1.4em;
	font-weight:bold;
	height:30px;
	margin:5px;
	padding-left:30px;
	padding-top:4px;
}

div.flashDiv div.message {
	background-image:url(http://www.toogi.com/img/alert.png);
}
div.flashDiv div.error {
	background-image:url(http://www.toogi.com/img/stop-error.png);
}
div.error-message {
	clear:both;
	color:#990000;
	font-weight:bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background-color: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background-color: green;
	color: #FFF;
}

/* Tables */
table {
	background-color: #fff;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	background-color: #f2f2f2;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	text-align: center;
	padding:4px;
}

th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}

th a:hover {
	background-color: #ccc;
	color: #333;
	text-decoration: none;
}

table tr td {
	background: #fff;
	padding: 4px 4px 4px 10px;
	text-align: left;
	vertical-align: top;
}
table tr.altrow td {
	background: #f4f4f4;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	display: inline;
	margin: 0px 6px;
}
.cakeSqlLog table {
	background: #f4f4f4;
}
.cakeSqlLog td {
	padding: 4px 8px;
	text-align: left;
}
.indent
{
	padding: 0 20px;
}
#popup iframe
{
display:none;/*sorry for IE5*/
display/**/:block;/*sorry for IE5*/
position:absolute;/*must have*/
top:0;/*must have*/
left:0;/*must have*/
z-index:-1;/*must have*/
filter:mask();/*must have*/
width: 100%;/*must have for any big value*/
height: 100%;/*must have for any big value*/;
}
ul.suggest a{
	text-decoration:none;
}
ul.suggest a:hover{
	background-color:#0066CC;
	color:#FFF;
}
ul.suggest li{
	list-style:none;
	margin:0;
	padding:4px;
}
div.auto_complete {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid black;
    background-color:#FFF;
    position: absolute;   
	background: white none repeat scroll 0%; 
	position: absolute; 
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial; 
	z-index: 100; 
}
.info {
	border-bottom: 1px dashed #000;
	cursor:help;
}
.bold {
	font-weight:bold;
}
.color1 {
	padding: 5px 10px;
	font-size:1.05em;
	font-weight:bold;
	clear:both;
	background-color:#FFCC00;
	color:#000;
	border: 1px #B2B2B2 solid;
}
.subColor1 {
	background-color:#FDF59D;
	padding: 10px;
	clear:both;
	border: 1px #B2B2B2 solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.color2 {
	padding: 5px 10px;
	font-size:1.05em;
	font-weight:bold;
	background-color:#30759E;
	color:#FFF;
	clear:both;
	border: 1px #B2B2B2 solid;
}
.subColor2 {
	background-color:#DCE9E7;
	padding: 10px;
	border: 1px #B2B2B2 solid;
	clear:both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.color3 {
	padding: 5px 10px;
	font-size:1.05em;
	font-weight:bold;
	background-color:#78AD21;
	color:#FFF;
	clear:both;
	border: 1px #B2B2B2 solid;
}
.subColor3 {
	background-color:#F4F9D9;
	padding: 10px;
	border: 1px #B2B2B2 solid;
	clear:both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.color4 {
	padding: 5px 10px;
	font-size:1.05em;
	font-weight:bold;
	background-color:#900;
	color:#FFF;
	clear:both;
	border: 1px #B2B2B2 solid;
}
.subColor4 {
	background-color:#FFE8E8;
	padding: 10px;
	border: 1px #B2B2B2 solid;
	clear:both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
ul.listing a{
	text-decoration:underline;
	padding: 3px;
}
ul.listing a:hover{
	background-color:#9C0;
	color:#FFF;
}
ul.listing li{
	list-style:none;
	margin:0;
	padding:4px;
}
.pad5 {
	padding:5px;
}
.faq { position: absolute; left: 0px; top: 0px; width:100%; height:100%; text-align:center; background-image:url(http://www.toogi.com/img/overlay.gif); z-index: 1000; }
.faq .answer { width:500px; margin: 120px auto; background-color: #fff; border:1px solid #000; padding:15px; text-align:left;}