/* ---------------------------------------------
Mobile Directory Stylesheet
author: Jason Beaird
version:  2009.07
----------------------------------------------- */

body {
	font:normal 16px/20px Arial, Helvetica, sans-serif;
	color:#222;
	margin:0;
	padding:0;
	background:#fff;
	text-align:center;}

form {margin:0; padding:0;}
fieldset {border:none; margin:0; padding:0 15px; display:block;}
input#password {width:190px; border:1px solid #b4b5b6; background:none; padding:3px 5px;}
input#login {display:block; width:100%; padding:3px; margin:0 0 20px 0; border:1px solid #b4b5b6; background:none; font-size:16px;}

a {color:#314955; text-decoration:none; outline:none;}
a:hover {text-decoration:underline;}

.container {width:320px; margin:0 auto; text-align:left; position:relative;}
h1 {margin:20px 0 10px 0; padding:10px 0 10px 10px; height:17px; line-height:17px; font-size:15px; color:#444; font-family:"Courier New", Courier, fixed; text-transform:uppercase; border-bottom:1px solid #b4b5b6; background:#c4c5c6;}

ul#dir {margin:10px 0 0 0; padding:0; list-style:none; clear:left;}
	ul#dir li {margin:0; padding:0;}
	ul#dir li a.toggle {display:block; position:relative; padding:5px 15px; border-bottom:1px solid #b4b5b6; background:#c4c5c6; margin:0 0 1px 0; color:#444; text-decoration:none;}
	ul#dir li a.toggle:hover, ul#dir li a.toggle.active {background:#b4b6bd; color:#000;}
	ul#dir li a.toggle .ext {position:absolute; top:0; right:15px; line-height:30px; font-family:"Courier New", Courier, fixed;}
	ul#dir li ul {display:block; margin:0; padding:0 0 30px 0; list-style:none;}
	ul#dir li ul li {clear:left; padding:3px 0;}
	ul#dir li ul li span {display:block; float:left; width:80px; text-align:right; margin:0; padding:0 5px 0 0; font-size:13px; color:#69685f; font-family:"Courier New", Courier, fixed; text-transform:uppercase; font-weight:bold;}

ul#controls {margin:0 0 5px 0; padding:0; list-style:none; overflow:auto;}
	ul#controls li {display:inline; margin:0; padding:0;}
	ul#controls li a {display:block; float:left; padding:3px 10px 3px 30px; margin:0 5px 0 0; background:#c4c5c6 url(../images/togglestatus.gif) no-repeat 10px -26px; color:#444; border-bottom:1px solid #b4b5b6;}
	ul#controls li a:hover, ul#controls li a.sortedby {background-color:#b4b6bd; color:#000; text-decoration:none;}
	ul#controls li a.sortedby {background-position:10px 0;}
	ul#controls li a#expandAll, ul#controls li a#collapseAll {position:absolute; top:48px; right:0; width:30px; margin:0; padding:3px 0; text-align:center; background-image:none;}
	ul#controls li a#expandAll {right:35px;}
	ul#controls li a#logOut {display:block; padding:0; margin:0; position:absolute; top:8px; right:8px; width:24px; height:24px; text-align:center; font-size:11px; line-height:11px; text-transform:uppercase; outline:none; border:none; background:none;}

p.error {display:block; margin:10px 0; padding:5px 15px; color:#900; font-size:13px; background:#ffcccc; border:1px solid #900;}

#footer {margin:10px 0; border-bottom:1px solid #b4b5b6; background:#c4c5c6; font-size:11px; padding:10px;}