@import url(/usitall/assets/v2/css/main.css);
    
    
    BODY {
      margin: 0;
      padding: 20px 5px;
      background: #f0f0ef url(/usitall/assets/v2/img/body-bg.jpg) no-repeat;
      font: 80%/140% arial, verdana, sans-serif;
      text-align: center;
    }
    

    H1, H2, H3 { font-family: Arial, sans-serif; color: #4b1558; margin-bottom: 0; }
    A IMG { border: none; }

    .component-spacing { height: 15px; }
    .clear { clear: both; line-height: .1;}

    

    

    .roxen-edit-box-off { }
    .roxen-edit-box-on {
      outline:          1px dotted #f8bb7b;
      /*background:       #f2f1eb;*/
      background:       #faf9f3;
      -moz-outline:     1px dotted #f8bb7b;     /*  FIXME: invalid CSS  */
    }
    .roxen-edit-marker-off {
      visibility:       hidden;
      display:          block;
      position:         absolute;
    }
    .roxen-edit-marker-on {
      visibility:       visible;
      display:          block;
      position:         absolute;
      background:       URL(/roxen-files/cms-sites/4.5/images/button_edit_comp.gif)
                        top left no-repeat;
      width:            28px;
      height:           13px;
      z-index:          1;
    }
    div.roxen-linkbrowser-anchor a {
      visibility:       visible;
      display:          block;
      position:         absolute;
      background:       URL(/roxen-files/cms-sites/4.5/images/button_link_browser.gif)
                        top left no-repeat;
      width:            28px;
      height:           13px;
      z-index:          1;
    }

    @media screen, print {

    div.header-component { clear:both; position: relative; margin-bottom: -10px; }
    div.header-component H1 { margin-top: 0; }
  
    div.footer-component
    {
      display: none;
      font-size:	90%;
      color:		#999999;
      clear:		both;
      text-align:	center;
    }
  
    div.picture-component
    {

    }
    div.picture-component div.left,
    div.picture-component div.right,
    div.picture-component div.center
    {
      margin-bottom:	15px;
      display:		table;
      width:		30%;
      border: 1px solid #ccc;
      padding: 5px;
      line-height: 100%;
      margin-top: 2px;
    }
    div.picture-component div.center
    {
      margin:		0 auto;
      margin-top: 6px;
      clear:		both;
      width: auto;
    }
    div.picture-component div.left div.row
    {
      display:		table-row;
    }
    div.picture-component div.left div.row div.cell
    {
      display:		table-cell;
    }
    div.picture-component div.left
    {
      float:		left;
      margin-right:	15px;
    }
    div.picture-component div.right
    {
      float:		right;
      margin-left:	15px;
    }
    div.picture-component div.caption
    {
      font-style:	italic;
      font-size: .9em;
      padding-top: 3px;
      color: #555;
    }
  
		DL.file { background-position: 0 3px; margin: 0 0 7px 0; position: relative; }
		DL.file DD {
			margin-left: 25px;
			}
  
    div.href-component { clear: none; margin: 0; }
    div.href-component div.right { text-align: right; }
    div.href-component div.bold { font-weight: bold; }
    div.href-component A.lnk {
	position: relative;
    	}
    div.href-component A.external {
      }
  
    .nav-link {
      font-size:        11px;
      font-weight:      bold;
      color:            #2b5499;
      text-decoration:  none;
    }
    .nav-link-disabled {
      font-size:        11px;
      font-weight:      bold;
      color:		#aaaaaa;
      text-decoration:  none;
    }
    .nav-link-removed {
      font-size:        11px;
      font-weight:      bold;
      color:		#aaaaaa;
      text-decoration:  line-through;
    }
    .nav-mini {
      font-size:        10px;
      color:            #808080;
      text-decoration:  none;
    }
  
}