@import "reset.css";
/* Little Tree Software CSS Framework - Main Stylesheet  */
/* Author: James King  */
/* Created: 21/01/2010 */
body {background:#111;  font:62.5% Arial, Helvetica, sans-serif; color:#555;}
.hidden	{width:0 !important; font-size:0 !important; height:0 !important; line-height:0 !important; position:absolute !important; left:-999% !important; overflow:hidden !important;}
.display-none {display:none;}
.clear:after, .row:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.outer-wrap {position:relative;}
.wrap {width:960px; margin:0px auto; position:relative; font-size:1em;}

/* Typography */

a {text-decoration:none; color:#ddd;}
a:hover, a:active, a:focus {text-decoration:underline; color:#fff;}

p, li, dt, dd, label, legend, th, td, caption {font-size:1.2em;}
li a, li p, li p a, p a, dt a, dd a, label input, label textarea, h1 a, h2 a, h3 a, h4 a, h5 a, li li, p label, li label, li input, .article p a, .article li a, li dt, li dd {font-size:1em;}

h1, h2, h3, h4, h5, h6 {font-weight:bold; padding:.5em 0 .5em 0;}
h1 {color:#0398b9; font-size:2.2em; padding-bottom:.2em;}
h2 {color:#9acf3c; font-size:1.8em;}
h3 {color:#0398b9; font-size:1.6em;}
h4 {color:#0398b9; font-size:1.4em;}
h5 {color:#0398b9; font-size:1.3em;}
h6 {color:#0398b9; font-size:1.2em;}

img {display:block;}

.content p {padding:0.5em 0 1em 0; line-height:1.5em;}
.content ol {margin:1em 3em; list-style-type:decimal;}
.content ul {margin:1em 3em; list-style:disc;}
.content ul li ul {margin:.7em 0 .3em 3em; list-style:circle;}
.content ul li, .content ol li {padding-bottom:.2em; line-height:1.6em;}
.content ol li ol {margin:.7em 0 .3em 3em; list-style:decimal;}

/* Columns for layouts  */

.col {float:left; display:inline; margin-left:10px; margin-right:10px; position:relative; padding:10px 0;}
.one {width:40px;}
.two {width:100px;}
.three {width:160px;}
.four {width:220px;}
.five {width:280px;}
.six {width:340px;}
.seven {width:400px;}
.eight {width:460px;}
.nine {width:520px;}
.ten {width:580px;}
.eleven {width:640px;}
.twelve {width:700px;}
.thirteen {width:760px;}
.fourteen {width:820px;}
.fifteen {width:880px;}
.sixteen {width:940px;}

/* Commom classes */

.pad {padding:1em;}
.crnr {position:absolute; height:10px; width:10px; display:block; font-size:0;}
.tl {background-position:top left; top:0; left:0;}
.tr {background-position:top right; top:0; right:0;}
.br {background-position:bottom right; bottom:0; right:0;}
.bl  {background-position:bottom left; bottom:0; left:0;}
.border {border:1px solid #b2b2b2;}
.left{float:left; margin-right:1em;}
.right{float:right; margin-left:1em;}
.center{text-align:center;}
.message {padding:.5em 1em .3em; margin-bottom:1em; background:#fffaea; border:1px solid #eccd6a; font-size:12px;}
.message p {padding:.3em 0 .4em; font-size:12px;}
.error {color:#900;}
.success {color:#060;}
.note {font-weight:bold;}
.notvalid {border:1px solid #900;}
.first {margin-left:0;}
.last {margin-right:0;}

/* Standard XHTML Elements */

blockquote {margin-left:2em; border-left:1px solid #ccc; font-style:italic;}
table {border-collapse:collapse; width:100%; border:1px solid #999; margin:.5em 0;}
table caption {font-style:italic; color:#777; margin:.5em 0;}
table th {background:#2c2c2c; color:#bbb; border-bottom:1px solid #444;}
table td {border-bottom:1px solid #999;}
table tr.alt td {background:#eee;}
table th, table td {padding:0.5em 1em;}
table th, table caption {text-align:left;}
table tfoot td {font-style:italic; background:#ccc;}
table td a.link-button {padding:0 .5em;}
.content img {padding:4px; border:1px solid #ccc;}
.content img.alignleft {float:left; margin:.5em 1em .5em 0;}
.content img.alignright {float:right; margin:.5em 0 .5em 1em;}

/* Header and Logo */

.header {background:#0c0c0c;}
.header .logo {padding:2em 10px;}

/* Main navigation and drop down menus */

.navigation {background:#151515;}
.navigation ul {}
.navigation ul li {float:left; position:relative;}
.navigation ul li a {display:block; text-decoration:none; color:#fff; padding:.7em 2em; border-right:1px solid #222;}
.navigation ul li a:hover, .navigation ul li a:active, .navigation ul li a:focus {}
.navigation ul li ul {position:absolute; left:-9999px; width:160px; top:100%; z-index:3;}
.navigation ul li.over ul,
.navigation ul li:hover ul,
.navigation ul li:active ul,
.navigation ul li:focus ul {left:auto;}
.navigation ul li.over a {}
.navigation ul li ul li {}
.navigation ul li ul li a {padding:.7em 10px; width:140px; border-top:1px solid #222; border-right:0;}
.navigation ul li ul li a:hover, .navigation ul li ul li a:focus, .navigation ul li ul li a:active {}
.navigation ul li.over ul li ul, 
.navigation ul li:hover ul li ul,
.navigation ul li:active ul li ul,
.navigation ul li:focus ul li ul,
.navigation ul li ul li ul {left:-9999px;}
.navigation ul li ul li.over ul,
.navigation ul li ul li:hover ul,
.navigation ul li ul li:focus ul,
.navigation ul li ul li:active ul {left:100%; top:0;}
.navigation ul li ul li.over a {}
.navigation ul li ul li ul li {}
.navigation ul li ul li ul li a:hover, .navigation ul li ul li ul li a:focus, .navigation ul li ul li ul li a:active {}

/* Secondary-Navigation */

.secondary-navigation h2, .secondary-navigation h3 {background:#555; color:#fff; padding:.3em .7em; font-size:1.6em; clear:both;}
.secondary-navigation ul {margin:0; list-style:none; clear:both;}
.secondary-navigation ul li {display:inline; padding:0; margin:0;}
.secondary-navigation ul li a {display:block; padding:.3em .7em; color:#777; text-decoration:none; border-bottom:1px solid #2c2c2c;}
.secondary-navigation ul li a:hover, .secondary-navigation ul li a:focus, .secondary-navigation ul li a:active {background:#2c2c2c; color:#bbb;}
.secondary-navigation ul li ul {margin:0; list-style:none;}
.secondary-navigation ul li ul li a {padding:.3em .7em .3em 1.7em;}
.secondary-navigation ul li ul li ul li a {padding:.3em .7em .3em 2.7em;}

/* Plugin Specific */
.qtip-content {font-size:12px;}


/* Forms */

label {cursor:pointer;}
input, select, textarea {font:1.2em Arial, Helvetica, sans-serif; color:#555;}
.form form {margin-bottom:4em;}
.form {padding:1em 0;}
.form fieldset {border:0; margin:0 0 1em 0; padding:1em;}
.form .row {clear:both; display:block; margin:0.5em 0; padding:0.25em 0;}
.form .row label {float:left; line-height:1.25em; margin:0 8px 0 0; padding:6px 0; text-align:right; width:100px;}
.form .row input.text, .form .row input.text-small, .form .row textarea {border:1px solid #d3d3ce; color:#403f41; padding:5px; width:280px; margin-right:5px;}
.form .row input.text-small {width:100px;}
.form .row select.select, .form .row .select select {border:1px solid #ccc; color:#403f41; padding:5px; width:350px;}
.form .row textarea {height:5em;}
.form .row input.text:focus, .form .row textarea:focus {border-color:#696b5d; color:#000;}
.form .row .checkbox input {width:auto; margin:6px 5px 6px 108px; float:left;}
.form .row .checkbox label {width:auto;}
.form .instruction {color:#888; line-height:1.35em; margin:0.2em 0 0; padding:0.5em 108px 0; font-size:1.1em;}
.form .error {color:#c00; line-height:1.35em; margin:0.2em 0 0;}
.form .error .error-message {clear:left; font-size:12px; padding:0.5em 108px 0;}
.form a {}
.form a:hover, .form a:active, .form a:focus {}
.form .buttons {padding-left:108px;}
.form img {margin-left:108px; float:left;}
.form .button {padding:0.3em 9px 0.3em; background-color:#ea0e7d; border-color:#ea0e7d; border-style:solid; border-width:1px; color:#fff; cursor:pointer; margin-right:3px; font-weight:bold;}
.form .message {color:#c00; clear:left; padding:0.5em 108px 0; border:0; margin:0; background:none;}