@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;}
.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, .content p.succes {padding:.5em 1em .3em; margin-bottom:1em; background:#fffaea; border:1px solid #eccd6a; font-size:1.2em;}
.message p {padding:.3em 0 .4em; font-size:1em;}
.error {color:#900;}
.success {color:#060;}
.note {font-weight:bold;}
.notvalid {border:1px solid #900;}
.first {margin-left:0;}
.last {margin-right:0;}
.js .external {position:relative; padding-left:12px;}
.js .external span {display:block; position:absolute; top:2px; left:0; height:9px; width:9px; background:url(../_img/icons.gif) 0 0 no-repeat;}
.js .external:hover span, .js .external:focus span, .js .external:active span {background-position:-9px 0;}

/* Standard XHTML Elements */

blockquote {margin-left:2em; border-left:1px solid #ccc; font-style:italic;}
table {border-collapse:collapse; width:100%;}
table caption {font-style:italic; color:#777; margin:.5em 0;}
table th {background:#2c2c2c; color:#bbb;}
table td {border-bottom:1px solid #2c2c2c;}
table th, table td {padding:0.5em 1em;}
table th, table caption {text-align:left;}
table tfoot td {font-style:italic;}
.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 {background:#555;}
.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 {background:#555;}
.navigation ul li ul li {background:#555;}
.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 {background:#666;}
.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 {background:#666;}
.navigation ul li ul li ul li {background:#666;}
.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 {background:#777;}

/* Secondary-Navigation */

.secondary-navigation h2, .secondary-navigation h3 {background:#555; color:#fff; padding:.3em .7em; font-size:1.6em;}
.secondary-navigation ul {margin:0; list-style:none;}
.secondary-navigation ul li {display:inline; margin:0; padding: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 input.focus-clear {font-style:italic; color:#999;}
.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;}
.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;}

/* Footer */

.footer {padding:1em 0; border-top:1px solid #090909;}
.footer p {clear:both; font-size:1.1em; color:#333; padding-top:.5em;}
.footer li {margin-bottom:.5em; float:left; margin-right:1em; color:#555; font-size:1.1em; border-right:1px solid #666; padding-right:1em;}
.footer li.last {border:0;}
.footer li a {color:#555; display:block; text-decoration:none;}
.footer li a:hover, .footer li a:active, .footer li a:focus {color:#ccc; text-decoration:none;} 
.footer dl {float:right;}
.footer dl dt {margin-bottom:.5em; color:#666;}
.footer dl dd {float:left; margin-right:5px; background-image:url(../img/icons.png);}
.footer dl dd a {display:block; height:24px; width:24px; text-indent:-9999px; background-image:url(../img/icons.png);}
.footer dl dd.rss, .footer dl dd.rss a {background-position:0 -176px;}
.footer dl dd.rss a:hover, .footer dl dd.rss a:focus, .footer dl dd.rss a:active {background-position:24px -176px;}
.footer dl dd.facebook, .footer dl dd.facebook a {background-position:0 -128px;}
.footer dl dd.facebook a:hover, .footer dl dd.facebook a:focus, .footer dl dd.facebook a:active {background-position:24px -128px;}
.footer dl dd.linkedin, .footer dl dd.linkedin a {background-position:0 -104px;}
.footer dl dd.linkedin a:hover, .footer dl dd.linkedin a:focus, .footer dl dd.linkedin a:active {background-position:24px -104px;}
.footer dl dd.twitter, .footer dl dd.twitter a {background-position:0 -152px;}
.footer dl dd.twitter a:hover, .footer dl dd.twitter a:focus, .footer dl dd.twitter a:active {background-position:24px -152px;}