/*
--------------------------------------------------------------------------------
    MAIN STYLES
--------------------------------------------------------------------------------
*/

          body {
            	margin: 0;
            	padding: 0;
            	font-family: Verdana, Arial, Helvetica, sans-serif;
            	font-size: 11px;
            	background-color:#FFFFFF;
            }
          hr {
            background-color:#b0b598;
            border:0;                        
            height: 1px;
            margin-top:30px;
            margin-bottom:30px;         
            clear:both;
          }
          h1 {
            background:url(../images/title.gif) no-repeat;
            width:307px;
            height:92px;
            color:#726c57;
            font-family: Georgia, Verdana, Arial, Helvetica;
            font-size:40px;
            margin:0px;
            text-indent:-5000px;       
          }
          h2 {
            color:#726c57;
            font-family: Georgia, Verdana, Arial, Helvetica;
            font-size:18px;
            margin:0px;          
          }
          h3 {
            background:url(../images/h3-bg.gif) repeat-x;
            color:#333333;
            border-top:#dcdcd9 1px solid;
            border-bottom:#dcdcd9 1px solid;
            padding-top:5px;
            padding-bottom:5px;
            text-transform: uppercase;
          }
          h3 a {
            text-decoration:none;
          }
          ul, li {
            margin:0;
            padding:0;
            list-style:none;
          }
          
          a {
            color:#46453b;
          }
          a:hover {
            color:#b0b598;
          }

	    .notice {
		    background-color:#FFF5BF;
		    border:1px solid #FF9900;
		    padding:5px;
	    }
	    .error {
			background-color:#CC3300;  		  
			color:#FFFFFF;
		    border:1px solid #FF9900;
		    padding:5px;
	    }		
	    
	    .codeView {
		    background-color:#FEFEFE;
		    border:1px solid #999999;
		    padding:5px;
	    }	    

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


	fieldset {
		border:1px dotted #CCC;
		padding:5px;
	}
	fieldset label {
		float:left;
	}
	fieldset {
		width:550px;
	}
	fieldset p {
		clear:both;
	}
	fieldset input,fieldset label, fieldset textarea {
		width:150px;
	}
	fieldset textarea {
		width:350px;
		height:150px;
	}
	.submit {
		color:#FFF;
		background-color:#46453B;
		width:auto;
	}

  .checkbox,.radio {
    width:auto;
  }
  input.small {
    width:30px;
  }

/*
--------------------------------------------------------------------------------
    TABLES
--------------------------------------------------------------------------------
*/

      table {
      	border-collapse:collapse;
      	width:750px;
      }
      td,th {
      	border:1px solid #b0b598;
      	padding:5px;
      	width:100px;
      }
      th {
      	text-align:left;
      	background-color:#46453B;
      	color:#FFFFFF;
      }
      tr.bgcolour1 {      	
        background-color:#FEFEFE;
		color:#333333;
      	padding:5px;      	
      }
      tr.bgcolour2 {
		background-color:#CCCCCC;
        color:#000000;
      	padding:5px;      	
      }	  	  	  	  
      tr:hover {
        background-color:#FCEE8C;
        color:#000000;   
      }
	  td.success {
		  background-color:#66FF66;  	
	  }
      td.fail {
	  	background-color:#CC3300;  		  
		color:#FFFFFF;
	  }
/*
--------------------------------------------------------------------------------
    LAYOUT
--------------------------------------------------------------------------------
*/

        #topbar {
        	font-size: 11px;
        	line-height: 140%;
        	background-color: #000;
        	height: 23px;
        	width: auto;
        	border-bottom:#b0b598 4px solid;
        }
        
        #container {
          margin:35px;
        }
        #branding {
          background:url(../images/logo.gif) no-repeat;
          width:105px;
          height:70px;
          position:absolute;
          right:35px;
          top:55px;          
        }
        #branding a {
          display:block;
          width:105px;
          height:70px;
          text-indent:-5000px;
          outline:none;          
        }
        #content {
          margin-bottom:20px;
          overflow:hidden;
        }
        #column { 
          float:left;         
          width:550px;          
        }
        #column h2 {
          	font-family: Arial, Helvetica, sans-serif;
     		font-size: 31px;
    		color: #726C57;
    		text-transform: uppercase;  		   		 
      		letter-spacing: -2px;
      		margin-top: 0px;  		 
      		line-height: 1em;
        }
        #content p {
          width:500px;
        }
        #labs {
          width:500px;        
        }
        
        #footer {          
          background-color:#767676;
          padding:5px;
          color:#FFFFFF;          
          clear:both;
        }
        #footer {
          margin:0;
          padding:0;
          height:20px;
        }
        #footer p {
          padding:3px;
        }

/*
--------------------------------------------------------------------------------
    LINKS
--------------------------------------------------------------------------------
*/
      #links {
        float:right;
        width:250px;
      }
      #labs h2, #links h2 {                      			 			 
		 font-family: Arial, Helvetica, sans-serif;
		 font-size: 31px;
		 color: #726C57;
		 text-transform: uppercase;  		   		 
  		 letter-spacing: -2px;
  		 margin-top: 0px;  		 
  		 line-height: 1em;
      }
      #labs {
        float:left;
        width:70%;   
		margin-bottom:50px;	     
      }
      #labs span {
        float:left;
        width:250px;
        height:100px;
        margin-right:20px;      
      }
      #labs h3 {        
        font-family: Arial, Helvetica, sans-serif;        
      }
            
       #navigation {
         top: 3px;
			   position: absolute;
			   font-family: Arial, Helvetica, sans-serif;
   			 font-size: 11px;
			   text-align: right;			   
			   right:35px;
        }

        #navigation li {
          float:left;
        }

        #navigation li a,#navigation li a:visited {
         background-image: none;		
			   color: #999;
			   padding: 0px 8px 0px 8px;
			   border-right: 1px solid #444;
			   text-decoration: none;
			   display:block;
        }
        #navigation li a:hover,#navigation li a.current {
           text-decoration: none;
			     color: #fff;
        }
			  #navigation li a.last {
			   border:none;
			  }
        
        #securityLinks, #friends {
          width:250px;
          float:left;                  
        }
        
        #securityLinks a, #friends a {
         text-decoration: none;
         }
        #securityLinks a:link, #friends a:link, #securityLinks a:visited, #friends a:visited {
         color: #666;
         }
        #securityLinks a:hover, #securityLinks a:active,#friends a:hover, #friends a:active  {
         color: #000;
         }        
        
        #securityLinks ul, #friends ul {         
         border-top: 1px solid #ddd;
         text-align: left;
         list-style: none;
         }
        #securityLinks li, #friends li {
         padding: 3px 0 3px 10px;
         border-bottom: 1px solid #ddd;                  
         display: block;
         list-style: none;
         }
        #securityLinks li:hover, #friends li:hover {
         background-color: #f3f3f3;
         }