* { padding: 0; margin: 0; font-family:'lucida grande', tahoma, verdana, arial, sans-serif; }
.hide { display: none; }
br { clear: both; }
a img { border: none; }
a:hover { text-decoration: none; }

body { background: #909090; }

  #communicate { background-color: #FEFEFE; border-style: solid; border-color: #aaa; border-width: 0 1px 1px 1px; color: #555; display: block; font-size: 11px; left: 290px; padding: 5px; position: absolute; top: 0; width: 400px; }

  #main { width: 100%; padding: 0 0 200px 0; background: #fff url('../gfx/body_bg.gif') repeat-x; }

  #wrapper { display: block; width: 950px; min-height: 600px; margin: 0 auto; position: relative; }
  
  .logo { display: block; float: left; }
  
  #panel { display: block; float: right; width: 230px; padding: 5px 0 0 0; height: 90px; background-color: #fff; border-style: solid; border-color: #999; border-width: 0 1px 1px 1px; box-shadow: 0 0 2px #777; }
    #panel fieldset { border: none; } 
    #panel label { display: block; float: left; width: 70px; padding: 7px 5px 0 0; font-size: 11px; color: #3f494b; text-align: right; }
    #panel input { display: block; float: left; width: 140px; height: 18px; border: none; padding: 0 1px; color: #444; margin: 3px 0 4px 0; border: 1px solid #777; }
    #panel .submit { float: right; width: 65px; height: 20px; border: 1px solid #444; background-color: #999; color: #fff; padding: 0 0 2px 0; margin: 5px 11px 0 0; cursor: pointer; font-size: 12px; }
    #panel fieldset a { display: block; float: right; height: 16px; border: 1px solid #444; font-size: 12px; background-color: #78a52f; color:#fff; text-decoration: none; padding: 2px 7px 0; margin: 5px 5px 0 0;  } 

    #panel h1 { padding: 0 0 0 8px; font-size: 20px; color: #454545; font-weight: normal; }
    #panel ul { display: block; text-align: right; list-style-type: none; font-size: 11px; margin: 0 10px; color: #909090; line-height: 14px; }
      #panel ul strong { font-weight: normal; color: #454545; }
      #panel ul a { color: #b12322; text-decoration: none; }
  
  #sidebar { display: block; float: left; width: 250px; }
    #sidebar ul { display: block; width: 200px; background-color: #fff; border: 1px solid #aaa; box-shadow: 0 0 1px #aaa; list-style: none; margin: 0 0 15px 50px; }
        #sidebar li a { display: block; padding: 4px 0 4px 10px; font-size: 12px; border-bottom: 1px solid #eee; color: #555; text-decoration: none; }
        #sidebar li a:hover { background-color: #eee; color: #000; }
        #sidebar .logout a { color: #B12322; }
        #sidebar .mytp a { color: #78a52f; }
    #sidebar .sidebarBox { display: block; width: 240px; padding: 5px; border: 1px solid #aaa; box-shadow: 0 0 1px #aaa; margin-bottom: 15px; background-color: #fff; }
        .sidebarBox h1 { color: #454545; font-size: 22px; font-weight: normal; }
        
    .eventsBox div { border-bottom: 1px solid #ddd; padding: 3px 0; }
    .eventsBox h2 { display:block; font-size: 16px; font-weight: normal; padding: 0; margin: 0; }
    .eventsBox h2 a { color: #78a52f; text-decoration: none; }
    .eventsBox h2 a:hover {text-decoration:underline;}
    .eventsBox strong { font-size: 12px; color: #555; }
    .eventsBox strong span { font-weight: normal; color: #aaa; }
    .eventsBox .more { display: block; font-size: 11px; text-align: right; padding: 2px 0 0 0; color: #78a52f; text-decoration: none; }
    .eventsBox .more:hover { text-decoration: underline; }
        
    .changelogBox h2 { display:block; float: left; font-size: 14px; font-weight: normal; padding: 7px 0 5px 5px; margin: 0; font-style: italic; color: #555; }
    .changelogBox h2 a { text-decoration: none; color: #555; }
    .changelogBox h2 a:hover { text-decoration: underline; }
    .changelogBox em { display:block; float: left; padding: 2px 3px; margin: 5px 0 5px 0; font-size: 12px; color: #fff;}
    .changelogType_1 { background-color: #78a52f; }
    .changelogType_2 { background-color: orange; }
    .changelogType_3 { background-color: #f00; }
    .changelogType_4 { background-color: #999; }
    .changelogType_5 { background-color: #78a52f; }
    .changelogBox strong { display: block; float: right; font-weight: normal; font-size: 10px; padding: 10px 0 0 3px; color: #999; }
    .changelogBox .more { display: block; clear: both; border-top: 1px solid #ddd; font-size: 11px; text-align: right; padding: 2px 0 0 0; color: #78a52f; text-decoration: none; }
    .changelogBox .more:hover { text-decoration: underline; }    
    
    .tabNavigation { display: block; width: 682px; float: right; list-style: none; }
        .tabNavigation li, .tabLimitedNavigation li { display: block; float: left; }
        .tabNavigation a, .tabLimitedNavigation a { display: block; padding: 2px 5px; background: #fff; border-style: solid; border-color: #aaa; border-width: 1px 1px 0 1px; font-size: 10px; color: #555; text-decoration: none; margin-right: -1px; }
        .tabNavigation .selected a, .tabNavigation a:hover, .tabLimitedNavigation .selected a, .tabLimitedNavigation a:hover { background-color: #eee; color: #000; }            

    .tabLimitedNavigation { display: block; width: 400px; float: left; list-style: none;  }
        
  .sectionEvents h1 span { font-size: 14px; color: #999; }      
  .sectionEvents div { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #ddd; }
        
  .sectionChangelog em { display:block; float: left; padding: 1px 3px; font-size: 12px; color: #fff; margin: 4px 5px 0 0; } 
  .sectionChangelog h1.entryDate { display: block; float: left; }
  .sectionChangelog div { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #ddd; }
  
  .news { display: block; padding: 10px; margin: 0 0 15px 0; float: right; width: 660px; border: 1px solid #aaa; background-color: #fff; box-shadow: 0 0 1px #aaa; position: relative; }
    .news .date { position: absolute; top: -5px; right: -5px; display: block; background-color: #fff; border: 1px solid #aaa; padding: 2px; box-shadow: 0 0 1px #aaa; }
    .news .date span { display: block; width: 30px; font-size: 10px; text-align: center; }
    .news .date strong { display: block; width: 30px; font-size: 12px; text-align: center; font-weight: normal; }
 
  #content { display: block; padding: 10px 10px 20px 10px; margin: 0 0 15px 0; float: right; width: 660px; border: 1px solid #aaa; background-color: #fff; box-shadow: 0 0 1px #aaa; position: relative; }
  #content label { font-size: 12px; } 
    .news h1, #content h1, #extContent h1 { font-size: 22px; color: #454545; font-weight: normal; padding: 0 0 5px 0; line-height: 24px; }
    .news h2, #content h2, #extContent h2 { font-size: 18px; padding: 3px 5px; color: #626262; font-weight: normal; }
    .news h3, #content h3, #extContent h3 { font-size: 16px; padding: 3px 5px; color: #585858; font-weight: normal; }
    .news h4, #content h4, #extContent h4 { font-size: 14px; padding: 3px 5px; color: #585858; font-weight: normal; }
    .news h5, #content h5, #extContent h5 { font-size: 12px; padding: 3px 5px; color: #585858; font-weight: bold; }
    .news p, #content p, #extContent p { padding: 5px 7px; font-size: 12px; color: #5c5c5c; } 
    .news a, #content a, #extContent a { color: #85b734; }
    .news a:hover, #content a:hover, #extContent a:hover { text-decoration: none; }
    .news ul, #content ul, #extContent ul { display: block; list-style-type: square; padding: 5px 0 5px 30px; font-size: 12px; color: #454545; line-height: 14px; }
    .news ol, #content ol, #extContent ol { display: block; padding: 5px 0 5px 30px; font-size: 12px; color: #454545; line-height: 14px; }
    	#content .errorMessage, #extContent .errorMessage { font-weight: bold; color: #f00; font-size: 12px; }  
    
  #extContent { display: block; padding: 10px 10px 20px 10px; margin: 0 0 15px 0; float: right; width: 928px; border: 1px solid #aaa; background-color: #fff; box-shadow: 0 0 1px #aaa; position: relative; }        
  #extContent table { display: block; margin: 0 0 10px 0; border-collapse: collapse; }
  #extContent th { background: #eee; border: 1px solid #ccc; font-size: 10px; padding: 5px 1px; color: #111; }
  #extContent td { border: 1px solid #ccc; text-align: center; font-size: 10px; padding: 5px 2px; }
  #extContent tr:hover { background: #f9f9f9; color: #000; }
  
  .databaseSearch select, .databaseSearch input { display: block; float: left; }
  .databaseSearch select { width: 600px; height: 30px; border: 1px solid #aaa; font-size: 12px; color: #333; padding: 6px 5px; background: #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
  .databaseSearch select:focus { background: #ddd; color: #333; }
  .databaseSearch .submit { margin: 0 0 0 10px; border: 1px solid #aaa; font-size: 12px; color: #222; padding: 0 10px; background: #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; height: 30px; }
  .databaseSearch .search { width: 588px; height: 30px; border: 1px solid #aaa; font-size: 12px; color: #333; padding: 0 5px; background: #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
  .databaseSearch .search:focus { background: #ddd; color: #333; }
  
  #footer { width: 100%; border-top: 1px solid #767676; }
  #footer p { display: block; width: 950px; margin: 0 auto; padding: 7px 0 10px 0; font-size: 12px; color: #fff; }
    #footer a { color: #fff; }
    #footer strong { background: #242424; padding: 2px; font-weight: normal; color: #e5e5e5; border: 1px solid #7c7c7c; }   
      #footer strong .p { color: #6ee3ff; } 
      #footer strong .t { color: #96ce3b; }

      pre {font-family: monospace;font-size:12px;font-style:normal;}
      
/* player container */
div.player { height:400px; width:655px; border:2px solid #fff; outline:1px solid #aaa; -moz-outline-radius:4px; cursor:pointer; float:left; text-align:center; margin-right:15px; }
/* play button */
div.player img { margin-top:120px; }
/* info area */
div.player div.info { height:40px; background:#000 url(../gfx/h80.png) repeat-x; opacity:0.7; color:#fff; margin-top:45px; text-align:left; padding:5px 15px; font-family:"bitstream vera sans","trebuchet ms"; font-size:12px; border-top:1px solid #ccc; margin-top:140px; }