/*########################################

	Project:	Driving Success WINZ Portal
	Script:		PHP Login Script
	Version:	1.0.0 - Print
	Last Change:	06/06/2013
	Developed:	dpDesignz - www.dpDesignz.co.nz

#########################################*/

@charset "utf-8";
/*@font-face {font-family: #;src: url('font/#');}*/
.Fear {display:none;}

/*---------------------------------------
	1. PRINT
-----------------------------------------*/

.no-print, #breadcrumbs-one, .img-button, #pagdet > .footer-left, #top-search-form, footer {display:none !important;}
.footer-right {width: 100% !important;}

/*---------------------------------------
	2. BODY
-----------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: top;}
*{font-family: Arial, Verdana, Helvetica, sans-serif;font-size:12px;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;background:#DBDBDB url('../images/background.png') top left;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
h1, h2, h3, h4, h5, h6 {color: #C83E02;}
h1 {font-size:30px; font-weight:bold;}
h2 {font-size:25px;}
h3 {font-size:20px;}
a {color:#C83E02;}
h1 a {text-decoration:none;}
h1 a:hover {text-decoration:underline;}
label {font-style:italic;font-size:13px;}
legend {font-size:20px;color: #C83E02;}
sup {vertical-align: super;font-size: smaller;}

/* Form */
*:focus {outline: none;}
:-moz-placeholder {color: gray;}
::-webkit-input-placeholder {color: gray;}
.form_hint, .required_notification {font-size: 11px;}
.required_notification {color:#d45252;margin:5px 0 0 0;display:inline;float:right;}
.styled_form input:not(.form-button), .styled_form textarea {padding-right:5px;}
input:required, textarea:required {background: #fff url('../images/icons/red_asterisk.png') no-repeat 98% center;}
.styled_form textarea {padding:8px;}
.styled_form input:not(.form-button) {height:18px;}
.styled_form input:not(.form-button), .styled_form textarea {border:1px solid #aaa;box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;border-radius:2px;}
.styled_form input:focus, .styled_form textarea:focus {background: #fff;border:1px solid #555;box-shadow: 0 0 3px #aaa;-moz-transition: padding .25s;-webkit-transition: padding .25s;-o-transition: padding .25s;transition: padding .25s;padding-right:20px;}
.styled_form input:focus:invalid, .styled_form textarea:focus:invalid {background: #fff url('../images/icons/invalid.png') no-repeat 98% center;box-shadow: 0 0 5px #d45252;border-color: #b03535}
.styled_form input:required:valid, .styled_form textarea:required:valid {background: #fff url('../images/icons/valid.png') no-repeat 98% center;box-shadow: 0 0 5px #5cd053;border-color: #28921f;}
.form_hint {background: #d45252;border-radius: 3px 3px 3px 3px;color: white;margin-left:8px;padding: 4px 6px;z-index: 999; /* hints stay above all other elements */position: absolute; /* allows proper formatting if hint is two lines */display: none;}
.form_hint::before {content: "\25C0"; /* left point triangle in escaped unicode */color:#d45252;position: absolute;top:1px;left:-6px;}
.styled_form input:focus + .form_hint {display: inline;}
.styled_form input:required:valid + .form_hint {background: #28921f;} /* change form hint color when valid */
.styled_form input:required:valid + .form_hint::before {color:#28921f;} /* change form hint arrow color when valid */

.wrapper {width:980px;margin:0 auto;padding:8px}

.clear {clear:both;}
.clearfix {display: block;zoom: 1;}
.clearfix::before, .clearfix::after {content: "";display: table;}
.clearfix::after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;overflow: hidden;}

.split {height:2px;margin:3px 0px;background: transparent url('../images/split.png') left center repeat-x;}

/*Messages and errors*/
.message{-webkit-background-size: 40px 40px;-moz-background-size: 40px 40px;background-size: 40px 40px;background-image: -webkit-gradient(linear, left top, right bottom,color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent),to(transparent));background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,transparent 75%, transparent);background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,transparent 75%, transparent);background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,transparent 75%, transparent);background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,transparent 75%, transparent);background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,transparent 75%, transparent);-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);width: 100%;border: 1px solid;color: #fff !important;padding: 15px;position: fixed;_position: absolute;text-shadow: 0 1px 0 rgba(0,0,0,.5);-webkit-animation: animate-bg 5s linear infinite;-moz-animation: animate-bg 5s linear infinite;text-align:center;z-index:999;}
.info{background-color: #4ea5cd;border-color: #3b8eb5;}
.error{background-color: #de4343;border-color: #c43d3d;}		 
.warning{background-color: #eaaf51;border-color: #d99a36;}
.success{background-color: #61b832;border-color: #55a12c;}
.message h3{margin: 0 0 5px 0;}
.message p{margin: 0;}
@keyframes animate-bg {from {background-position: 0 0;} to {background-position: -80px 0;}}
@-webkit-keyframes animate-bg{from {background-position: 0 0;} to {background-position: -80px 0;}}
@-moz-keyframes animate-bg {from {background-position: 0 0;} to {background-position: -80px 0;}}

.form-button {-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;box-shadow:inset 0px 1px 0px 0px #ffffff;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');background-color:#ededed;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #dcdcdc;display:inline-block;color:#777777;font-family:arial;font-size:14px;font-weight:bold;padding:5px 12px;text-decoration:none;text-shadow:1px 1px 0px #ffffff;}
.form-button:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');background-color:#dfdfdf;}
.form-button:active {position:relative;top:1px;}
.img-button{display: inline-block;white-space: nowrap;background-color: #ccc;background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));background-image: -webkit-linear-gradient(top, #eee, #ccc);background-image: -moz-linear-gradient(top, #eee, #ccc);background-image: -ms-linear-gradient(top, #eee, #ccc);background-image: -o-linear-gradient(top, #eee, #ccc);background-image: linear-gradient(top, #eee, #ccc);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');padding: 0 1.5em;margin: 0.5em;font: bold .7em/2em Arial, Helvetica;text-decoration: none;color: #333;text-shadow: 0 1px 0 rgba(255,255,255,.8);-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #dcdcdc;-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);}
.img-button:hover{background-color: #ddd;background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));background-image: -webkit-linear-gradient(top, #fafafa, #ddd);background-image: -moz-linear-gradient(top, #fafafa, #ddd);background-image: -ms-linear-gradient(top, #fafafa, #ddd);background-image: -o-linear-gradient(top, #fafafa, #ddd);background-image: linear-gradient(top, #fafafa, #ddd);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');}
.img-button:active{-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;position: relative;top: 1px;}
.img-button:focus{outline: 0;background: #fafafa;}
.img-button:before{background: #ccc;background: rgba(0,0,0,.1);float: left;width: 1em;text-align: center;font-size: 1.5em;margin: 0 1em 0 -1em;padding: 0 .2em;-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);-moz-border-radius: .15em 0 0 .15em;-webkit-border-radius: .15em 0 0 .15em;border-radius: .15em 0 0 .15em;pointer-events: none;}
/* Hexadecimal entities for the icons */
.delete:before{content: "\2718";}
.edit:before{content: "\270E";}
.mark:before{content:"\2714";}
.add:before{content:"\002B";}
.phone:before{content:"\260E";}
.link:before{content:"\260D";}
.export:before{content:url('../images/icons/export-icon-16x16.png');vertical-align:middle;}
.test:before{content:url('../images/icons/test-icon-16x16.png');vertical-align:middle;}

/* Header & Footer Inline */
.header-right, .footer-right {display:inline-block;width:49%;text-align:right;}
.header-left, .footer-left {display:inline-block;width:50%;}
.quadGroup {display:inline-block;width:22%;margin:3px;padding:5px;border: 1px solid #CCCCCC;background-color: #F8F8F8;}

/* Pagination */
#pagdet {margin-top:10px;}
.pagination {}
.pagination a {border: 1px solid #DDDDDD;padding: 4px 10px;font-size: 12px;text-decoration: none;color: #A3A3A3;}
.pagination a:hover {color:#57aae0 !important;}
.pagination strong {border: 1px solid #C83E02;padding: 4px 10px;font-size: 12px;text-decoration: none;font-weight:bold;color:#C83E02 !important;background: #FFFFFF;}
.displaying {font-size:smaller;}

/* UI */
.ui-corner-all {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.ui-corner-all-ten {-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.one-edge-shadow {-webkit-box-shadow: 0 8px 6px -6px black;-moz-box-shadow: 0 8px 6px -6px black;box-shadow: 0 8px 6px -6px black;}

/* Breadcrumbs */
#breadcrumbs-one {background: #eee;border-width: 1px;border-style: solid;border-color: #f5f5f5 #e5e5e5 #ccc;border-radius: 5px;box-shadow: 0 0 2px rgba(0,0,0,.2);overflow: hidden;width: 100%;margin-bottom:5px;}
#breadcrumbs-one li {float: left;}
#breadcrumbs-one a {padding: .4em .1em .4em 1.5em;float: left;text-decoration: none;color: #444;position: relative;text-shadow: 0 1px 0 rgba(255,255,255,.5);background-color: #ddd;background-image: linear-gradient(to right, #f5f5f5, #ddd);}
#breadcrumbs-one li:first-child a {padding-left: 1em;border-radius: 5px 0 0 5px;}
#breadcrumbs-one a:hover {background: #fff;}
#breadcrumbs-one a::after, #breadcrumbs-one a::before {content: "";position: absolute;top: 50%;margin-top: -1.5em;border-top: 1.5em solid transparent;border-bottom: 1.5em solid transparent;border-left: 1em solid;right: -1em;}
#breadcrumbs-one a::after {z-index: 2;border-left-color: #ddd;}
#breadcrumbs-one a::before {border-left-color: #ccc;right: -1.1em;z-index: 1;}
#breadcrumbs-one a:hover::after {border-left-color: #fff;}
#breadcrumbs-one .current, #breadcrumbs-one .current:hover {font-weight: bold;background: none;}
#breadcrumbs-one .current::after, #breadcrumbs-one .current::before {content: normal;}
#breadcrumbs-one li#end {float:right;padding-right:5px;}

/*---------------------------------------
	3. HEADER
-----------------------------------------*/
header {background: transparent url('../images/header-top.png') top left repeat-x;height:110px;padding-top:18px;}
header .wrapper {}
header #header-left {display:inline-block;width:515px;}
header #header-right {display:inline-block;width:460px;text-align:right;}
header #logo {margin-top:20px;}
header #user-info {margin-top:8px;color:#4D4D4D;}

nav {background: #CC5D2D; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjNWQyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjYzgzZTAyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzElIiBzdG9wLWNvbG9yPSIjYzAzNTAyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzElIiBzdG9wLWNvbG9yPSIjYWYyMjAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E3MTkwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #cc5d2d 0%, #c83e02 2%, #c03502 31%, #af2201 71%, #a71901 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc5d2d), color-stop(2%,#c83e02), color-stop(31%,#c03502), color-stop(71%,#af2201), color-stop(100%,#a71901)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cc5d2d 0%,#c83e02 2%,#c03502 31%,#af2201 71%,#a71901 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cc5d2d 0%,#c83e02 2%,#c03502 31%,#af2201 71%,#a71901 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cc5d2d 0%,#c83e02 2%,#c03502 31%,#af2201 71%,#a71901 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cc5d2d 0%,#c83e02 2%,#c03502 31%,#af2201 71%,#a71901 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc5d2d', endColorstr='#a71901',GradientType=0 ); /* IE6-8 */
-moz-border-radius: 15px 15px 0 0;border-radius: 15px 15px 0 0;height:60px;color:#FFFFFF;}
nav a {color:#FFFFFF;display:inline-block;padding:0px 18px;font-size:22px;text-decoration:none;}
nav a span {display:inline-block;padding:19px 0px;}
nav a:hover, nav a.current {text-decoration:underline;background: transparent url('../images/menu-hover.png') bottom center no-repeat;}
nav.wrapper {padding:0px;}
#drop-menu {background: #f8f8f8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f8f8f8 0%, #d4d4d4 76%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(76%,#d4d4d4), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#d4d4d4 76%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f8f8f8 0%,#d4d4d4 76%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f8f8f8 0%,#d4d4d4 76%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f8f8f8 0%,#d4d4d4 76%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */ width:956px;height:16px;padding:12px;}
#drop-menu a {text-decoration:none;font-size:16px !important;font-family: Arial, Verdana, Helvetica, sans-serif !important;}
#drop-menu a:hover, #drop-menu a.current {text-decoration:underline;}
#drop-menu p {font-size:16px !important;}

/*---------------------------------------
	4. CONTENT
-----------------------------------------*/

.content {width:960px;border:1px solid #D7D8CA;padding:10px;background-color:#FFFFFF;}
.login-content {border:1px solid #D7D8CA;padding:10px;background-color:#FFFFFF;-moz-border-radius: 15px;border-radius: 15px;box-shadow:0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, .2),0 3px 0 #fff,0 4px 0 rgba(0, 0, 0, .2),0 6px 0 #fff,0 7px 0 rgba(0, 0, 0, .2);}

th {font-weight:bold;background-color: #C83E02; color: #FFFFFF;padding:5px 3px;border:1px solid #FFFFFF;}
th a {color: #FFFFFF;text-decoration:none;}
th a:hover{text-decoration:underline;}
.infoTable td {padding:5px 3px;border:1px solid #CCCCCC;text-align:center;font-size:14px;}
.detTable {border-collapse:separate;border-spacing: 5px;font-size:13px;}
.tableMid td {vertical-align:middle;}
tr:nth-child(even) td {background: #EEE !important;}

/*------- Quick Links ---------*/
ul#quick-visual-links, ul#quick-visual-links {list-style: none;list-style-image: none;margin: 0;padding: 0;}
ul#quick-visual-links {width: 100%;}
ul#quick-visual-links li {float: left;}
ul#quick-visual-links li a {width: 62px;text-align: center;margin: 0 3px 5px 0;font-size: 0.9em;border: 1px solid #CCC;display: block;padding: 5px 0;text-decoration: none;color: #444;-moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius: 3px;color: #333;border-color: #959BA2;text-shadow: 0 1px 0 white;background-color: #F4F7F9;background-image: -webkit-linear-gradient(top, #F4F7F9, #E8ECEE);margin-left:15px;}
ul#quick-visual-links li img {margin-bottom: 3px;}

#formFields {width:500px;margin: 0 auto;padding:5px;border:1px solid #CCCCCC;margin-top:25px;}
#formFields p {font-size:10px;font-style:italic;}

/* Search */
#searchResults ul {margin:0px;border:1px solid grey;background:white;position:absolute;z-index: 5;width:472px;max-height:350px;overflow:scroll;text-align:left;overflow-x:hidden;}
#searchResults li {list-style:none;padding:2px;margin:0px;}
#searchResults li:hover {color:#C83E02;cursor:pointer;border:1px solid #C83E02;}
#top-search-form {margin-left:3px;padding-left:6px;border-left:1px solid #333;display:inline-block;}

.con {border: 1px solid #CCCCCC;background-color:#F8F8F8;padding:5px;margin:3px;}

/* User Levels */
.tag {display: block;color: white;font-size: 93%;padding: 2px 0;margin: 0 auto;text-align: center;width: 45px;height: 15px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0 0 2px #B3B3B3;-moz-box-shadow: 0 0 2px #b3b3b3;box-shadow: 0 0 2px #B3B3B3;}
.tag.red {background-color: #AE432E;}
.tag.orange {background-color: #EF561A;}
.tag.yellow {background-color: #FFC000;}
.tag.green {background-color: #77AB13;}
.tag.blue {background-color: #0096ff;}
.tag.white {background-color: #ffffff; color:#333;}
.grey {color:grey;}

/*---------------------------------------
	5. FOOTER
-----------------------------------------*/

footer {text-align:right;font-size:10px;padding:5px;}

/*---------------------------------------
	TIPSY
-----------------------------------------*/

.tip a {cursor:help;}
.tipsy {padding: 5px; font-size: 10px; position: absolute; z-index: 100000;}
.tipsy-inner {padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center }
.tipsy-inner {border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.tipsy-arrow {position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px;}
.tipsy-n .tipsy-arrow {top: 0; left: 50%; margin-left: -4px;}
.tipsy-nw .tipsy-arrow {top: 0; left: 10px;}
.tipsy-ne .tipsy-arrow {top: 0; right: 10px;}
.tipsy-s .tipsy-arrow {bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left;}
.tipsy-sw .tipsy-arrow {bottom: 0; left: 10px; background-position: bottom left;}
.tipsy-se .tipsy-arrow {bottom: 0; right: 10px; background-position: bottom left;}
.tipsy-e .tipsy-arrow {top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right;}
.tipsy-w .tipsy-arrow {top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px;}