/*
UNIVERSAL RESETS
------------------------------------------
*/
* { margin: 0px; padding: 0px; }


/*
GENERIC CLASSES
------------------------------------------
*/

.fr { float: right; }
.fl { float: left; }
.cr { clear: right; }
.cl { clear: left; }
.call, .clr { clear: both; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }


/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix {display: block;}
/* End hide from IE-mac */

.visible { visibility: visible; }
.hidden { visibility: hidden; }

.dn { display: none; }

/* Use this class to set up text elements for image replacement */
.replaced { height: 0 !important; overflow: hidden; display: block; }
.disclaimer { font-size: 86%; color: #666; }


/*
GENERAL STRUCTURE
------------------------------------------
*/

body { background-color:#fff; }

body.home { background:#fff url(../images/bg/bkgd.jpg) 0 0 no-repeat; }

div#content { width:750px; margin-top:0px !important; }

div#controls-wrap { float:left; width:150px; border-top:1px solid #333; background:#000; color:#eee; }

div#title-wrap { position:relative; }

div#thumbview { display:block; width:596px; margin:20px 0 0 150px; }

div#intro { width:426px; height:213px; background:transparent url(../images/bg/intro_bg.png) no-repeat; position:absolute; top:210px; left:100px; }

/*
HEADINGS
------------------------------------------
*/
div#content h1 { font-family:arial, sans-serif; color:#000; font-size:1.5em; }
div#thumbview h1 { position:relative; z-index:3; height:40px; background:transparent url(../images/bg/pagetitle_bg.gif) no-repeat; padding:15px; margin:0 0 0 10px; }

div#content h3 { font-size:1.3em; margin-left:15px; }

div#content h3.nonefound { background:#fff; margin-top:20px; padding:40px; border:1px solid #999; }

/*
LISTS
------------------------------------------
*/

dl.sockets { width:120px; background:#fff; color:#000; padding:15px; }
dl.sockets dt { font-weight:bold; margin-bottom:3px; }
dl.sockets dd { width:90%; background:#eee; margin-top:5px; border:1px solid #999; }

form#app-controls dl.form-nav { color:#333; padding:10px; }

dl.form-nav dt { font-weight:bold; }

form#app-controls dl.form-nav ul { list-style:none; }
form#app-controls dl.form-nav ul li { margin-top:3px; }

ul.thumbs { margin:20px 0 0 0; list-style-type:none; line-height:20px; }
ul.thumbs li { margin-top:10px; float:left; margin-left:12px; }

/*
LINKS
------------------------------------------
*/
div#content a { text-decoration:underline; color:#0033CC; }
ul.thumbs li a.thumblink { display:block; height:99px; width:98px; background:#fff; border:1px solid #ccc; }
ul.thumbs li a.thumblink:hover { background:#C72020; }

dl.sockets dd a { display:block; padding:5px; }

/*
FORMS
------------------------------------------
*/

form#app-controls { background:#ccc; border:1px solid #999; }

dl.form-nav ul li input {  clear:left; float:left; margin-right:5px; }
form#app-controls fieldset { border:0px; }
form#app-controls legend { visibility:hidden; }
form#app-controls label { font-size:1.1em; }

form#app-controls button { width:99px; height:30px; border:0px; background:transparent url(../images/bg/search.gif) no-repeat; }

/*
INLINE IMAGES
------------------------------------------
*/
ul.thumbs li a.thumblink img { height:90px; width:90px; margin:4px; border:0px; }

/*
PARAGRAPHS
------------------------------------------
*/
p { font-size:1em; }
div#controls-wrap p { color:#eee; margin:10px 15px; }

ul.thumbs li p { background-color:#fff; position:relative; border:1px solid #ccc; margin-top:-2px; padding:2px 0 0 2px; }

div#intro p { display:block; width:250px; margin:40px 0 0 130px; }

body#printpage div.printview p { font-size:2em; font-weight:bold; }

/*
MISCELLANEOUS
------------------------------------------
*/


div#results { width:170px; height:50px; background:transparent url(../images/bg/results_bg.gif) no-repeat; position:absolute; right:0px; top:42px; padding-top:15px; text-indent:40px;
font-size:1em; font-weight:bold; color:#333; z-index:1; }

span.gm { height:22px; width:20px; position:absolute; right:0px; margin:4px 4px 0 0; background:url(../images/bg/gm.gif) no-repeat; }

span.loc { margin-right:5px; color:#C72020; }

span#caption { display:block; float:left; font-size:2em; margin:15px 0 15px 0; }

div.is-gm { width:400px; height:50px; background:url(../images/bg/gm_large.gif) 98% 5px no-repeat; padding:5px 0 5px 0; }

/* Single Image print preview */
body#printpage { background-image:none; }

body#printpage div#content { padding:50px; }

body#printpage div.printview { width:395px; margin:20px auto; display:block; }

div.printmessage { background:#eee; padding:10px; }