/* Reset all white-space to 0 for consistency across browsers */
* { margin:0px; padding:0px; } 

/* Default to some sans-serif font at a specific size */
body { font-family: Verdana, Arial, sans-serif; font-size:12px;  }

/* Get some padding between paragraphs and some line spacing */
p { padding-bottom:10px; line-height:1.5em; }

/* Put some padding back onto our list elements */
ul, ol { margin-left: 10px; }
li  { margin-left:10px; padding-left:10px; }

/* Bye bye ugly blue border */
a img { border:0px; } 

/* No dots around clicked links */
a, a:active { outline: none; }  

/* Class to any floated elements */
.clear { clear:both; }


/* Set the width to 900 pixels, centered on the page with a little padding on top */
#container { width:900px; margin:0 auto; padding-top:10px; }

/* 90 pixels to work with at the top - positioned relative so that we can absolutely position our header elements easily */
#header { height:60px; position:relative; }
  #logo { position:absolute; left:0px; top:0px; }
  #tagline { position:absolute; right:0px; top:5px; color:#666666; font-size:14px; font-weight:bold; }

/* Quick right-aligned tab-looking text menu */
/* Make sure to be explicit with the padding and margin on our ul and li elements so we can change the defaults later on as necessary */
#main_menu { height:26px; border-bottom:3px solid #000000; margin-bottom:30px; }
  #main_menu ul { display:block; float:right; list-style-type:none; padding:0px; margin:0px;  }
  #main_menu li { display:block; float:left; margin:0 5px; padding:0px;  }
  #main_menu a { 
    display:block; 
    padding:5px 20px;
    color:white;
    background-color: #000000;
    text-decoration:none;
  }
  #main_menu a:hover { color: #000000; background-color:#666666; }


#content_container { 
   padding:10px 0px; 
   border-bottom: 1px solid #CCCCCC;
   /* Do the IE hack to get a minimum content container height */
   height:auto !important; 
   height:500px;
   min-height:500px; 
}

/* Floating left and then right means that we can play with the widths of the sidebar and content separately and not worry about explicitly setting the space between */
    #sidebar { float:left; width:200px; }
      .sidebar_header { font-weight:bold; padding-bottom:2px; border-bottom:1px solid #CCCCCC; margin-bottom: 5px;}
      .sidebar_content { padding-bottom:10px; }
    #content { float:right; width:650px; }

#footer { height:20px; position:relative; }
  #copyright { position:absolute; top:5px; right:0px; font-size:10px; color:#999999; }


/* Content Styles */

h1 { color: #333333; padding-bottom:15px; font-size:26px; }
.content .info { position:relative; top:-17px; font-size:11px; color:#999999; font-style:italic; } 
.content img { float:left; padding:0px 14px 10px 0px; }
p { color:#444444; }


/* Form Styles */

.horizontal_form .item { margin:10px 4px; }

.horizontal_form .item .label { 
   width:150px; 
   text-align:right; 
   float:left; 
   padding-right:10px;
   vertical-align:baseline;
   padding-top:3px;
   color:#666666;
 }

.horizontal_form .item .description {
   clear:both;
   padding-left: 160px; 
   font-size:11px;
   color:#aaaaaa; 
   font-style:italic;
}

.horizontal_form .item .text_field {
  border:1px solid #999999;
  padding:2px 2px;
  color:#666666;
}

.horizontal_form .item .text_field:focus {
  background-color:#eeeeee;
}

.horizontal_form .header {
  margin:15px 0px 10px 0px;
  padding-left:0px;
  font-size:16px;
  border-bottom:1px solid #CCCCCC;
  font-weight:bold;
  color: #666666; 
}

.horizontal_form .button { margin-left:200px; padding-top:10px; }
.horizontal_form .button input { padding:4px 10px; }


/* Table Styles */

table.account_table {   border-collapse: collapse; }

table.account_table th { 
  padding: 10px 10px;
  color:white;
  font-size:14px;
  background-color: #000000;
  font-weight:bold;
}

table.account_table td { 
  padding: 6px 10px;  
  border-bottom:1px solid #999999;
}

table.account_table tr.odd td {
 background-color:#eeeeee;
}

table.account_table td.currency { text-align:right; }