/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}

/* ------------------------------------------------------------------------------------------- */

/* http://www.webtoolkit.info/css-clearfix.html */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* ------------------------------------------------------------------------------------------- */

a { 
  color: #24b; 
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif;	
}

/* ------------------------------------------------------------------------------------------- */

html {
	background: #d7d7d7;
}

body
{
	background: #d7d7d7;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
}

/* ------------------------------------------------------------------------------------------- */

#header {
	background: #111;
	padding: 1em 4%;
	border-bottom: 0.1875em solid #999;
}

  #header h1,
  #header h1 a {
  	text-decoration: none;
  	color: #cf4;
  }

  #header ul#nav {
  	float: right;
  	margin-top: 0.2em;
  }
  
    #header ul#nav li {
    	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
    	float: left;
    	margin-left: 1em;
    	color: #999;
    }

      #header ul#nav li a {
      	display: block;
      	float: left;
      	font-size: 0.6875em;
      }

      #header ul#nav li a {
      	color: #9c6;
      }
      
      #header ul#nav li.active a {
      	font-weight: bold;
      	color: #ca8;
      }

      #header ul#nav li.hot a {
        color: orange;
      }

      #header ul#nav li.login a {
        color: gold;
      }

      #header ul#nav li.faded a {
        color: #666;
      }

/* ------------------------------------------------------------------------------------------- */

p.notice {
	background: #df9;
	padding: 0.6em 1em;
	border: 1px solid #bd7;
	font-size: 0.8125em;
}

p.error {
  background: #c00;
  border: none;
  color: white;
}

/* ------------------------------------------------------------------------------------------- */

.pagination {
  padding: 0.5em 0em 0em 0.6em;
  font-size: 0.75em;
}

  .pagination .disabled {
    color: #666;
  }

  .pagination .current {
  }
  
  .pagination a {
  } 

/* ------------------------------------------------------------------------------------------- */

#container {
	width: 92%;
	margin: 0 auto;
}

  #container #content {
    margin: 2em 0 0 0;
  	width: 70%;
  	background: white;
  	padding: 1em;
  	border: 0.1875em solid #bbb;
  	border-width: 0 0.1875em 0.1875em 0;
  	float: left;
  	min-width: 27em;
  	min-height: 16em;
  }

    #container #content h1 {
      font-size: 1.125em; /* 18px */
      margin-bottom: 0.5em;
    }
    
    #container #content h2 {
      font-size: 1em;
      margin-bottom: 0.8em;
    }

    #container #content p.subtitle
    {
    	font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
    	color: #888;
    	font-weight: bold;
    	margin-top: -0.615em;
    }
        
    #container #content p,
    #container #content ul {
      font-size: 0.8125em;
    	margin-bottom: 0.615em;
    }
    
      #container #content li {
        list-style-type: disc;
        margin-left: 1.5em;
      }
    
      #container #content p.padded,
      #container #content p.links {
        margin-top: 1em;
      } 
      
      #container #content p.links a {
        margin-right: 0.5em;
      }
      
      #container #content p.note {
        font-weight: bold;
        color: #990000;
      }
    
    #container #content table.list {
      font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
      width: 100%;
    }
    
    #container #content table.list th {
    	color: #444;
    	background: #ddd;
    	font-size: 0.6875em;
    	padding: 0.3em 0.8em;
    	white-space: nowrap;
    }
    
    #container #content table.list tr td {
      white-space: nowrap;
      border-top: 1px solid #eee;
      border-bottom: 1px solid #eee;
      font-size: 0.8125em;
      padding: 0.2em 0.6em;
      vertical-align: top;
    }

      #container #content table.list tr td.wide {
        width: 100%;
        white-space: normal;
      }
      
      #container #content table.list tr td.faded {
        color: #777;
      }

      #container #content table.list tr td.small {
        font-size: 0.7em;
        padding: 0.3em 0.7em;
      }
      
      #container #content table.list tr td .badge {
        background: #990000;
        color: #fff;
        font-size: 0.75em;
        padding: 0.2em 0.3em;
        margin-left: 0.5em;
      }
      
        #container #content table.list tr td .badge.light {
          background: #bbb;
          color: #444;
        }
    
    #container #content table.list tr.even {
      background: #fdfdfd;
    }    

    #container #content table.list tr.odd {
      background: #f2f2f2;
    } 
  
/* ------------------------------------------------------------------------------------------- */

  #container #right {
  	margin-top: 2em;
  	float: left;
  	width: 20%;
  	font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  	margin-left: 1.25em;
  	margin-left: 3%;
  }

    #container #right p {
    	font-size: 0.75em;
    }
    
      #container #right p.warn {
        color: #990000;
        font-weight: bold;
      }
      
      #container #right p.double_padded {
        margin-top: 2em;
      }
      
      #container #right p.padded {
        margin-top: 1em;
      }

      #container #right p.padded_down {
        margin-bottom: 1em;
      }
            
      #container #right .link {
        color: #990000;
        font-weight: bold;
      }
          
    #container #right ul {
      font-size: 0.75em;
    }
    
      #container #right ul.list {
        margin-left: 1.5em;
      }

        #container #right ul.sortable {
          margin-left: 0em;
        }
    
        #container #right ul.list li {
          list-style-type: square;
          margin-top: 0.5em;
          margin-bottom: 0.5em;
        }
        
          #container #right ul.sortable li {
            list-style-type: none;
          }
    
    #container #right h2 {
      font-size: 0.8em;
      margin-bottom: 0.5em;
    }

/* ------------------------------------------------------------------------------------------- */

#footer {
	font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	padding: 1em 0em 2em 4%;
}

  #footer strong {
    font-weight: bold;
  }

  #footer p {
    font-size: 0.625em;
    margin-bottom: 0.3em;
  }

/* ------------------------------------------------------------------------------------------- */

form {
}

  form label {
  	font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
  	color: #666;
  	font-size: 0.75em;
  }
  
  form .help {
    line-height: 2em;
  }

  form .entryhelp {
    font-size: 0.85em;
  }
  
  form label,
  form input, 
  form textarea {
    margin: 0.2em 0em;
    font-size: 1em;
  }
  
  form input.wide {
    width: 60%;
  }
  
    form input.normal {
     width: 18em; 
    }
  
  form textarea {
    width: 60%;
    height: 10em;
  }

	textarea.article {
	  width: 90%;
	  height: 20em;
	}
  
  form .field_error {
    color: #990000;
    margin-left: 0.5em;
  }

/* ------------------------------------------------------------------------------------------- */

.errorExplanation {
  margin-bottom: 1em;
}

  .errorExplanation h2 {
  }
  
  .errorExplanation ul {
    font-size: 0.9em;
    margin-top: 0.5em;
  }
  
    .errorExplanation ul li {
      list-style-type: disc;
      margin-left: 2em;
    }

/* ------------------------------------------------------------------------------------------- */
  
.fl {
  float: left;
}

.fr {
  float: right;
}

.sort_handle {
  padding-right: 0.5em;
}

strong {
  font-weight: bold;
}

.markup {
  background-color: #cdd;
  padding: 0.5em 0.5em 0.1em 0.5em;
}

  .markup p {
    margin-bottom: 0.3em;
  }
  
.important {
  color: #990000;
  font-weight: bold;        
}

  .important a {
    color: #990000;
  }

.strong {
  font-weight: bold;
}