/* globals */
body 
{  
   margin: 0px 10px 10px 10px;
   padding: 0px 0px 40px 0px;
   font: 11px/140% trebuchet ms, verdana,helvetica,sans-serif;
   color: #ccc;
   background: #333;
}
* { margin: 0; padding: 0;}
p { margin: 0 0 10px 0; }
img { 
	border-color: #ccc;
}
.inline { display: inline; }
.left { float: left; }
.right { float: right; }
.none { float: none; }
.center { text-align: center; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.nomargin { margin: 0; }
.small { font-size: 10px; }
ul.no-bullets { list-style: none; }
ul { margin: 10px; }
ol { margin: 10px 10px 10px 20px; }
ul li, ol li { margin-left: 10px; }
.clear 
{
   margin: 0;
   padding: 0;
   clear: both;
   display: block;
   height: 1px;
   font-size: 1px;
   line-height: 1px;
}
.clearfix:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* forms */
input, select, textarea, label
{
   font-family: verdana,helvetica,sans-serif;
   font-size: 11px;
   color: #fff;
}
.inputbox 
{
   padding: 2px;
   background-color: #999;
   border: 1px solid #787878;
}
select 
{
   background-color: #999;
}
textarea 
{
   padding: 2px;
   background-color: #999;
   border: 1px solid #787878;
}
.button 
{
   background-color: #999;
   border: 1px solid #787878;
   color: #fff;
   font-size: 10px;
   font-weight: bold;
   text-transform: uppercase;
}
.row
{
   margin-bottom: 10px;
}
label, .label
{
   font-weight: normal;
   margin-bottom: 5px;
}
.field 
{
   font-weight: normal;
}
.required 
{
   color: #c96;
}
.errormsg 
{
   color: #f00;
}

/* links */
a:link
{
   color: #ccc;
	text-decoration: underline; 
}
a:visited 
{
   color: #ccc;
	text-decoration: underline;
}
a:hover 
{ 
   color: #ccc;
	text-decoration: none;  
}

/* headers */
h1
{   
   color: #fff;
   font-size: 13px;
   font-weight: bold;
   text-transform: uppercase;
   margin-bottom: 5px;
}
h2
{   
   color: #999;
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 5px;
}
/* topbar */
#logo
{
   margin-left: 20px;
	margin-bottom: 40px;
}


/* body */
.row
{
   margin: 0 20 20px 0;
	margin-left: 20px;
   width: 750px;
}
.logo
{
   float: left;
   width: 130px;
   text-align: center;
   padding: 0px 0;
}
.details
{
   float: left;
   width: 200px;
   margin: 0px;
   padding: 0px 0;
}
.links
{
   float: left;
   width: 500px;
   margin-left: 10px;
   padding: 0px 0;
}
.category
{
   float: left;
   padding: 30px 0 0 0;
}