html { min-height: 100%; margin-bottom: 1px; }
body { font-size: .8em; background: #333333; color: #ccc; }
a { outline: 0; }
a:link, a:visited { text-decoration: none; color: #ddd; background: #444; padding: 0.24em 0.5em; }
a:hover, a:active { color: #fff; background: #555; }

p { font-size: 1.2em; }
ol, ul { list-style: none; }
form{ margin: 0; padding: 0; }
fieldset{ margin: 0 0 1em 0; padding: 0; border: 0; }
legend{ margin: 0; padding: 0 0.5em; font-size: 1.5em; font-weight: bold; color: #222; }
label{ font-weight: bold; display: block; }
div.field { margin-bottom: 1em; clear: left; }
select { margin: 0; padding: 3px; }

/* -= Forms =- */
input.text,textarea{ width: 200px; padding: 3px; color: #333; background-color: #e9e9e9; border: 3px solid #666; margin: 0.2em 0;}
input.short{ width: 100px; }
input.long{ width: 500px; }
input.password { width: 150px; }
textarea{ width: 500px; height: 150px; }
input.text:focus, textarea:focus{ background-color: #fff; border: 3px solid #00AAFF; color: #000; }

label.error { float: left; border: 0; padding: 0; background: none; color: #FF007F; }
input.text.error, input.password.error { border-color: #FF007F; background: #FFE0EF; margin-bottom: 0; }

h1,h2,h3,h4,h5 { color: #fff; }
.title { display: block; }
.title h1 { float: left; }
.title .sub { color: #999; font-size: 0.4em; font-weight: normal; }
.title h1 .sub { font-size: 0.4em; }
.title h3 .sub { font-size: 0.8em; }
.title ul.nav { float: right; margin-left: 2em; margin-top: 0.6em; }	
.title ul.nav li { margin-left: 1em; }	

.or { padding-top: 3em; }
.or h5 { float: left; margin: 0 100px; line-height: 46px; color: #999; }
input.submit.delete { background-color: #444; border-color: #666; color: #ccc; }
input.submit.delete:hover { background-color: #FFB2D9; border-color: #FF007F; color: #FF007F; }

.objs { padding: 2em 0; }
.obj { clear: left; }
.channel .title .sub { color: #666; }
.channel .title .sub strong { color: #888; }
.channel .title .sub a { padding-left: 0.2em; padding-right: 0.2em; background: transparent; border-bottom: none; font-weight: bold; color: #999; }
.channel .title a { border-bottom: 1px solid #292929; }
.channel.active .title a { background-color: #060; border-bottom: 1px solid #030; }
.channel.active .title a:hover { background-color: #070;  }
.channel.active .title .sub a { background: transparent; border-bottom: none; }
.channel .title .sub a:hover,
.channel.active .title .sub a:hover { color: #ccc; background-color: #191919; border-bottom: 1px solid #191919; }
h1 a.active { background-color: #157A01; border-bottom: 2px solid #292929; padding: 0.08em 0.4em; }
#header .channel { clear: none; float: left; padding-top: 6px; margin-left: 2em; }
#header .channel h3 { margin: 0; }
#header .channel .title a { padding-top: 5px; }

fieldset.submit input.submit { float: right; }
input.submit, a.fauxsubmit { text-align: center; border: 3px solid #094FAA; background: #002759; padding: 0.35em 2em 0.4em; cursor: pointer; color: #B0D2FF; font-size: 1.5em; }
input.submit:hover, a.fauxsubmit:hover { color: #fff; } 

.flash { margin: 0 0 1em 0; padding: 0.8em; border: 2px solid #ccc; text-align: center; }
.flash.error{ background: #FFB2D9; border-color: #FF007F; }
.flash.error, .flash.error a{ color: #BF0060; font-weight: bold; }
.flash.notice{ background: #FFF6BF; border-color: #FFD324; }
.flash.notice, .flash.notice a{ color: #514721; }
.flash.success{ background: #E6EFC2; border-color: #C6D880; }
.flash.success, .flash.success a{ color: #264409; }

ul.nav { float: right; margin: 0; }
ul.nav li { float: left; }
ul.nav li a, ul.nav li span { display: block; }
#header ul.nav li a, #header ul.nav li span { padding: 0 1em; }

/* -= Header =- */
#container { background: #eee url(/apps/default/content/i/header2.gif) repeat-x left -40px; text-align:left; }
#header { width: 980px; margin: 0 auto; height: 40px; }
#header h1.logo { padding:0; margin: 0; float: left; }
#header h1.logo a { display: block; padding:0; margin: 0; background: #eee url(/apps/default/content/i/header2.gif) no-repeat left top; width: 100px; height: 40px; text-indent: -9999px; }
#header ul.nav a { line-height: 35px; color: #666; background-color: transparent; }
#header ul.nav a:hover { color: #ccc; border-color: #999; }
#header ul.nav span { line-height: 35px; color: #666; }

#header ul#primarynav { float: left; margin-left: 1.5em; }
#header ul#primarynav li { margin: 0 0.5em; }
#header ul#primarynav li a { margin: 0; line-height: 30px; font-size: 1.3em; font-weight: bold; padding-top: 5px; padding-bottom: 5px; }
#header ul#primarynav li a:hover, #header ul#primarynav li.active a { padding-bottom: 0; border-bottom: 5px solid #111; color: #ccc; }

#header ul#usernav li a:hover, #header ul#usernav li.active a { border-bottom: 5px solid #111; color: #ccc; }

/* -= Main =- */
#main { width: 960px; margin: 1.0em auto; text-align:left; display: block; }
#main p { color: #999; font: 100% Arial; }
#main.interior { margin-top: 1em; }
#main.auth { margin-top: 1em; }

/* -= Definition Lists =- */
dl { margin-left: 1em; clear: left; }
dl dt { float: left; width: 10em; clear: left;}
dl dd { float: left; margin-left: 1em; }

/* -= Tabs =- */
.tabbed .nav { float: left; }
.tabbed .nav { float: left; }
.tabbed .tab { clear: left; display: none; }
.tabbed .tab.active { display: block; }
.tabbed .tab .placeholder { background-color: #222; padding: 6em 0; text-align: center; font-size: 1em; display: block; }
#main .tabbed .tab .dashlink { margin: 2em; padding: 1em 0; width: 200px; border: 4px solid #999; background: #eee; }
#main .tabbed .tab .dashlink h3 { font-size: 2em; font-weight: bold; }
#main .tabbed .tab .dashlink p { font-style: oblique; }
#main .tabbed .nav li a { background-color: #333; padding: 0.24em 2em; color: #999; }
#main .tabbed .nav li a:hover,
#main .tabbed .nav li.active a { background-color: #222; color: #fff; }
/*
.channelnav { background-color: #222; position: absolute; left: 0; right: 0; top: 35px; }
*/
#main .tabbed.abs .nav { width: 960px; margin: 0 auto; float: none; }
#main .tabbed.abs .nav li a { background-color: #222; padding: 0.24em 2em; color: #999; }
#main .tabbed.abs .nav li a:hover,
#main .tabbed.abs .nav li.active a { background-color: #333; color: #fff; }
#main .tabbed.abs .tab { position: absolute; top: 71px; width: 960px; bottom: 10px; }

.placeholder { padding: 10% 0 0; text-align: center; font-size: 3em !important; display: block; }

/* -= Homepage =- */
body#home-page #main ol { padding: 4em; }

#main ol li { color: #999; font: 100% Arial; margin: 0 0 1em; }
#main ol { list-style: decimal; }

/* -= Footer =- */
div.footer p.bottom { float: left; }
div.footer a.powered_by { float: right; margin-top: 4px; height: 32px; width: 227px; text-indent: -9999px; background: transparent url('/apps/default/content/i/powered_by.gif') no-repeat right top; }

a.powered_by_recess { width: 227px; height: 32px; background: #333 url(/apps/default/content/i/powered_by.gif) no-repeat right top !important; display: block; position: absolute; bottom: 2px; right: 1px; text-indent: -9999px; padding: 0; margin: 0; }

/* -= Clearfix =- */
.clearfix:after, .c:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix, .c { display: inline-block; }
html[xmlns] .clearfix, html[xmlns] .c { display: block; }
* html .clearfix, * html .c { height: 1%; }