/* styles for printer only */
@media print {
  #app_frame {  
    border: 0px;
    margin: 0px;
    /*min-height: 640px;      */
    padding: 0px;
  }

  #app_footer #inner, #app_footer #requests {
    display: none;
  }  
  
  #app_header, #app_header_logo {
    margin-left: 0px;
    padding-left: 0px;
  }
  
  
  #app_header_menu {
    display: none;  
  }

  #app_menu {
    display: none;
  }

  #copyright {
    font-size: 7pt;
  }
}

/* styles for screen only */
@media screen {
  #app_frame {
    margin: 0;
    /*min-height: 640px;*/
    background-color: #FFFFFF;
    /*border: 1px solid #959595; */
    /*background-image: url(../app_images/app_bgr.gif);*/
    /*background-repeat: no-repeat; */
  }
  
  /* new */
  #app_header {
    height: 80px;
    background: #FFFFFF url(../app_images/header_bg.jpg) repeat-x bottom;
    padding-left: 10px;
    padding-right: 10px;
  }
  
  #app_header_logo {
    float: left;
    margin-left: 25px;
    overflow: hidden;
    margin-top: 10px;
  }
  
  #app_header_menu {
    float: right;
    width: 600px;
    text-align: right;
    margin-top: 5px;
    color: #666666;
    font-size: 10px;
  }
  
  
  #app_header_menu a.colored {
     color: #005ba7; 
    text-decoration: none;
  }
  
  #app_header_menu a.colored:hover {
    text-decoration: underline;
  }
  
  #app_header_menu img {
    margin-left: 20px;
    margin-right: 5px;
  }
  
  #app_menu {
    height: 70px;
    /*background: #FFFFFF url(../app_images/menu_bg.jpg) repeat-x bottom;*/
    padding-left: 0px;
    padding-right: 0px;
    
  }
  
  #app_desktop {
    background: #FFFFFF url(../app_images/desktop_bg.jpg) repeat-x top;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
  }

  #app_footer #inner {
    border-top: 1px solid #888888;
    background: #FFFFFF url(../app_images/footer_bg.jpg) repeat-x top;
    height: 70px;
  }
    
}

/* styles for screen and printer */
@media print, screen {

  body {	
	  margin: 0;
	  padding: 0;
    color: #333333;
/*    font: normal 8pt Trebuchet MS, Sans-serif, Verdana, Geneva, Arial, Helvetica, sans-serif;*/
  }
  
  a {
     color: #333333;
  }

  .left {
    text-align: left;
  }

  .center {
    text-align: center;
  }

  .right {
    text-align: right;
  }

  .login_right {
    text-align: right;
    margin: 0px;
    padding: 3px;
  }

  .user {
    text-align: right;   
    padding-right: 10%;   
  }
       
 
  /* new */
  
  input[type='button'], input[type='submit'] {
    font : normal 8pt Trebuchet MS, Sans-serif,Verdana,Tahoma,Arial,sans-serif;
    height: 20px;
    background-color: #ffffff;
    border: 1px solid #777777;
    vertical-align: middle;
  }
  
  
  /* table info */
  table.info {
    border: 1px solid #6fb3dd;
    margin: 0;
    padding: 0;
    width: 900px;
	  margin-bottom: 20px;
    text-align: left;
  }
  
  table.info tr {
    margin: 0;
    padding: 0;
  }
  
  table.info th {
    
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 40px;
    padding-right: 10px;
    background: #abdbff url(../app_images/table_info_th_bg.gif) left no-repeat;
  }
  
  table.info td {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background: #d4f1ff;
  }
  
  
  /* table info */
  table.options {
    border: 1px solid #777777;
    margin: 0;
    padding: 0;
    width: 900px;
	 margin-bottom: 20px;
  }
  
  table.options tr {
    margin: 0;
    padding: 0;
  }
  
  table.options th {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    background: #bfbfbf;
  }
  
  table.options td {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background: #dddddd;
  }
  
  table.options td.link {
  	 width: 100px;
	 text-align: center;
	 vertical-align: top;
  }
  
  table.options td.link img {
	 border: none;
  }
  
  span.form_section {
    color: #222222;
    font-size: 16px;
    font-weight: bold;
  }
  
  /* table info */
  table.feed {
    border: 1px solid #777777;
    margin: 0;
    padding: 0;
    width: 900px;
   margin-bottom: 20px;
  }
  
  table.feed tr {
    margin: 0;
    padding: 0;
  }
  
  table.feed th {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    background: #bfbfbf;
  }
  
  table.feed td {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 10px;
    padding-right: 10px;
    background: #dddddd;
  }
  
  table.feed td img {
    margin-right: 10px;
  }
  
  
  #theme_selector #window {
	  background:  no-repeat url(../app_images/triangle.png)  top;
    width: 200px;
	  padding-top: 15px;
	  top: 22px;
    right: 110px;
	  position: absolute;
	  display: none;
	  z-index: 100;
	  text-align: left;
}
  
  #theme_selector:hover #window {
    display: inline;
    z-index: 100;
  }
  
  a.select_theme {
  	color: #ffffff;
	  display: block;
	  text-decoration: none;
      padding-left: 10px;
  padding-right: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  }
  
  a.select_theme:hover {
  	display: block;
	  color: #ffffff;
	  text-decoration: none;
  
  }
  
  .theme {
  	width: 200px;
	
    background: #404040;
    color: #ffffff;
    /*
 	 filter:alpha(opacity=70);
	 -moz-opacity:0.7;
	 -khtml-opacity: 0.7;
	 opacity: 0.7;
   */
  }
  
  .theme:hover {
    background: #000000;
   /*
 	 filter:alpha(opacity=100);
	 -moz-opacity:1;
	 -khtml-opacity: 1;
	 opacity: 1;
   */

  }

  .separator {
    font-size: 1pt;
  	height: 1px;
  	background: #000000;
	  border: none;
  	margin 0;
	 padding: 0;
  }
  
  div#requests {
    display: none;
    text-align: left;
    padding-left: 40px;
  }
  
  #requests form#request_form {
  }
  
  #requests form#request_form input[type='text'] {
    width: 300px;
  }
  
  #requests form#request_form input[type='submit']{
    width: 100px;
  }
  
  #requests form#request_form input[type='button']{
    width: 100px;
  }
  
  #requests form#request_form textarea {
    width: 300px;
    height: 130px;
  }
  
  .freedom {
    color: #B6131E;
  }

  #app_footer {
    font-weight: normal;
    text-align: center;  
    color: #333333;
    vertical-align: middle;
    color: #666666;
    font-size: 10px;
    background: #ffffff;
  }
  
  #app_footer a {
    color: #666666;
    text-decoration: none;
  }
  
  #app_footer a:hover {
    color: #005ba7;
    text-decoration: none;
  }
  
  #app_footer img {
    margin-left: 5px;
    margin-right: 5px;
    border: none;
  } 

  #app_footer a {
    text-align: center;  
    color: #333333;
  }
  
  #copyright {
    text-align: center;
  }
}