body {
        font: 11px Verdana, sans-serif;
        color: #404040;
        margin: 0;
        /* background: url('/base/images/body-bg.png'); */
      }

      div.window {
        background-color: white;
        margin: 0 auto;
        width: 783px;
        padding: 7px;
        padding-top: 0;
        padding-bottom: 0;
      }

      div.header {
        background: url('/base/images/cwn-banner.png') no-repeat;
        width: 783px;
        height: 69px;
      }
      
      div.mainfooter {
        background: url('/base/images/footer.png') no-repeat;
        width: 783px;
        height: 18px;
        margin-top: 7px;
      }
      
      div.error {
        padding: 20px;
      }
      
      div.notice {
        padding: 20px;
        color: #404040;
        font-size: 16px;
        font-weight: bold;  
      }


      div.menu a {
        font-family: sans-serif;
        font-weight: normal;
        font-size: 12px;
        color: #6E6E6E;
        text-decoration: none;
        padding: 4px;
        display: block;
      }

      div.menu a:hover {
        color: #404040;
        text-decoration: none;
        /* border-bottom: 3px solid #303030; */
        background-color: #EEEEEE;
      }


      
      div.pane {
        width: 783px;
        position: relative;
        background: #686868 url('/base/images/pane-top_right.gif') right top no-repeat;
        margin-top: 7px;
      }

      div.pane p {
        margin: 10px;
        color: #E0E0E0;
        text-align: justify;
      }
      
      div.pane h1 {
        font-family: sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: white;
        border-bottom: 1px solid #505050;
        background: url('/base/images/pane-top_left.gif') left top no-repeat;
        padding: 8px 10px;
        margin: 0px;
      }

      div.pane h2 {
        font-family: sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: white;
        border-bottom: 1px solid #505050;
        background: url('/base/images/pane-top_left.gif') left top no-repeat;
        padding: 8px 10px;
        margin: 0px;
      }

			div.pane img {
				border: 0;
			}

      div.pane div.footer {
        background: #686868 url('/base/images/pane-bottom_left.gif') left bottom no-repeat;
      }

      div.pane div.footer div {
        background: url('/base/images/pane-bottom_right.gif') right bottom no-repeat;
        height: 10px;
      }

      div.pane div.actions {
        position: absolute;
        top: 0;
        right: 0;
        color: white;
        float: right;
        padding: 10px 10px;
      }

      div.pane div.actions a {
        font-size: 10px;
        text-decoration: none;
        color: white;
      }

      div.pane div.actions a.selected {
        font-size: 10px;
        text-decoration: none;
        color: #B8E07C;
      }

      div.pane div.actions a:hover {
        color: #C0C0C0;
      }

      div.pane div.actions a:active {
        color: #B8E07C;
      }

      div.pane div.buttons {
        margin: 10px;  
        margin-bottom: 0px;
        text-align: right;
      }

      div.pane-summary {
        width: 252px;
        float: left; 
        position: relative;
        background: #686868 url('/base/images/pane-top_right.gif') right top no-repeat;
        margin-top: 7px;
      }

      div.pane-summary p {
        margin: 10px;
        color: #E0E0E0;
        text-align: justify;
      }
      
      div.pane-summary h1 {
        font-family: sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: white;
        border-bottom: 1px solid #505050;
        background: url('/base/images/pane-top_left.gif') left top no-repeat;
        padding: 8px 10px;
        margin: 0px;
      }

			div.pane-summary img {
				border: 0;
			}

      div.pane-summary div.footer {
        background: #686868 url('/base/images/pane-bottom_left.gif') left bottom no-repeat;
      }

      div.pane-summary div.footer div {
        background: url('/base/images/pane-bottom_right.gif') right bottom no-repeat;
        height: 10px;
      }

      div.pane-summary div.actions {
        position: absolute;
        top: 0;
        right: 0;
        color: white;
        float: right;
        padding: 10px 10px;
      }

      div.pane-summary div.actions a {
        font-size: 10px;
        text-decoration: none;
        color: white;
      }

      div.pane-summary div.actions a.selected {
        font-size: 10px;
        text-decoration: none;
        color: #B8E07C;
      }

      div.pane-summary div.actions a:hover {
        color: #C0C0C0;
      }

      div.pane-summary div.actions a:active {
        color: #B8E07C;
      }

      div.pane-summary div.buttons {
        margin: 10px;  
        margin-bottom: 0px;
        text-align: right;
      }

      div.pane-grey {
        width: 783px;
        position: relative;
        background: #686868 url('/base/images/greybox.topright.gif') right top no-repeat;
        margin-top: 7px;
        color: #E0E0E0;
      }

      div.pane-grey table {
        margin-left: 10px;
      }
      div.pane-grey table td {
        color: #E0E0E0;
      }

      div.pane-grey table.login td {
        color: #E0E0E0;
      }

      div.pane-grey p {
        margin: 10px;
        color: #E0E0E0;
        text-align: justify;
      }
      
      div.pane-grey h1 {
        font-family: sans-serif;
        font-size: 12px;
        font-weight: bold;
        /* color: #B8E07C; */
        color: #C4D8DB;
        background: url('/base/images/greybox.topleft.gif') left top no-repeat;
        padding-left: 10px;
        padding-top: 10px;
        margin: 0px;
      }
      div.pane-grey h2 {
        font-family: sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #B8E07C;
        padding-left: 10px;
        padding-top: 10px;
        margin: 0px;
      }

      div.pane-grey h3 {
        font-family: sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #E0E0E0;
        padding-left: 10px;
        padding-top: 10px;
        margin: 0px;
      }

			div.pane-grey img {
				border: 0;
			}

      div.pane-grey div.footer {
        background: #686868 url('/base/images/greybox.botleft.gif') left bottom no-repeat;
      }

      div.pane-grey div.footer div {
        background: url('/base/images/greybox.botright.gif') right bottom no-repeat;
        height: 10px;
      }

      div.pane-grey div.actions {
        position: absolute;
        top: 0;
        right: 0;
        color: white;
        float: right;
        padding-right: 10px;
        padding-top: 10px;
      }
      
      div.pane-grey div.actions {
        position: absolute;
        top: 0;
        right: 0;
        color: white;
        float: right;
        padding: 10px 10px;
      }

      div.pane-grey div.actions a {
        font-size: 10px;
        text-decoration: none;
        color: white;
        border: 0;
      }

      div.pane-grey div.actions a.selected {
        font-size: 10px;
        text-decoration: none;
        color: #B8E07C;
      }

      div.pane-grey div.actions a:hover {
        color: #C0C0C0;
      }

      div.pane-grey div.actions a:active {
        color: #B8E07C;
      }

      div.pane-grey div.buttons {
        margin: 10px;  
        margin-bottom: 0px;
        text-align: right;
      }

      div.pane-blue {
        position: relative;
        background: /* #FFF6B8 */ url('/base/images/bluebox.topright.gif') right top no-repeat;
      }

      div.pane-blue div.content p {
        margin: 0;
        margin-top: 10px;
        color: #333333;
        text-align: justify;
      }
      
      div.pane-blue h1 {
        font-family: sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #C84527;
        margin: 0px;
        text-transform: uppercase;
      }

      div.pane-blue div.content {
        color: #333333;
        background: url('/base/images/bluebox.topleft.gif') left top no-repeat;
        padding-left: 10px;
        padding-top: 10px;
        margin: 0px;
      }

			div.pane-blue img {
				border: 0;
			}

      div.pane-blue div.footer {
        background: #FFF6B8 url('/base/images/bluebox.botright.gif') right bottom no-repeat;
      }

      div.pane-blue div.footer div {
        background: url('/base/images/bluebox.botleft.gif') left bottom no-repeat;
        height: 10px;
      }

      div.pane-blue div.actions {
        position: absolute;
        top: 0;
        right: 0;
        color: #484848;
        float: right;
        padding-right: 10px;
        padding-top: 10px;
      }

      div.pane-blue div.actions a {
        font-size: 10px;
        text-decoration: none;
        color: #FD7F1A;
      }

      div.pane-blue div.actions a.selected {
        font-size: 10px;
        text-decoration: none;
        color: #FECB1A;
      }

      div.pane-blue div.actions a:hover {
        color: #FECB1A;
      }

      div.pane-blue div.actions a:active {
        color: #C0C0C0;
      }

      div.pane-blue div.buttons {
        margin: 10px;  
        margin-bottom: 0px;
        text-align: right;
      }

      div.pane-yellow table td {
        color: #303030; 
        padding: 0;
        border:0;
      }

      div.pane-yellow {
        width: 783px;
        position: relative;
        background: /* #FFF6B8 */ url('/base/images/yellowbox.topright.gif') right top no-repeat;
        margin-top: 7px;
      }

      div.pane-yellow div.content p {
        margin: 0;
        margin-top: 10px;
        color: #333333;
        text-align: justify;
      }
      
      div.pane-yellow h1 {
        font-family: sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #C84527;
        margin: 0px;
        text-transform: uppercase;
      }

      div.pane-yellow h2 {
        font-family: sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #303030;
        margin: 0px;
        text-transform: uppercase;
      }

      div.pane-yellow div.content {
        color: #333333;
        background: url('/base/images/yellowbox.topleft.gif') left top no-repeat;
        padding: 10px;
        margin: 0px;
      }

			div.pane-yellow img {
				border: 0;
			}

      div.pane-yellow div.footer {
        background: #FFF6B8 url('/base/images/yellowbox.botright.gif') right bottom no-repeat;
      }

      div.pane-yellow div.footer div {
        background: url('/base/images/yellowbox.botleft.gif') left bottom no-repeat;
        height: 10px;
      }

      div.pane-yellow div.actions {
        position: absolute;
        top: 0;
        right: 0;
        color: #484848;
        float: right;
        padding-right: 10px;
        padding-top: 10px;
      }

      div.pane-yellow div.actions a {
        font-size: 10px;
        text-decoration: none;
        color: #FD7F1A;
      }

      div.pane-yellow div.actions a.selected {
        font-size: 10px;
        text-decoration: none;
        color: #FECB1A;
      }

      div.pane-yellow div.actions a:hover {
        color: #FECB1A;
      }

      div.pane-yellow div.actions a:active {
        color: #C0C0C0;
      }

      div.pane-yellow div.buttons {
        margin: 10px;  
        margin-bottom: 0px;
        text-align: right;
      }
      
      div.select_category {
        background:  #FFFADA;
        border: 1px outset black; 
        padding: 10px;
      }
      div.pane-white {
        width: 763px;
        position: relative;
        background:  white;
        margin-top: 7px;
        padding: 10px;
      }

      div.pane-white h1 {
        font-family: sans-serif;
        font-size: 12px;
        font-weight: bold;
        /* color: #C84527; */
        color: #27552E;
        margin: 0px;
        text-transform: uppercase;
        border-bottom: 1px solid #E3F1CB;
        padding-bottom: 2px;
        margin-bottom: 10px;
      }

      div.pane-white h2 {
        font-family: sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #505050;
        margin: 0px;
        padding-bottom: 2px;
        margin-bottom: 10px;
      }

      div.pane-white a {
        font-family: sans-serif;
        font-weight: normal;
        font-size: 12px;
        /* color: #4567C8; */
        color: #006ECC;
        text-decoration: none;
        border-bottom: 1px solid #A8E0F8;
      }

      div.pane-white a:hover {
        color: #A8E0F8;
        text-decoration: none;
        border-bottom: 1px solid #A8E0F8;
      }

      div.pane-grey a {
        font-family: sans-serif;
        font-weight: normal;
        font-size: 12px;
        /* color: #4567C8; */
        color: #A8E0F8;
        text-decoration: none;
        border-bottom: 1px solid #A8E0F8;
      }

      div.pane-white a:hover {
        color: #A8E0F8;
        text-decoration: none;
        border-bottom: 1px solid #A8E0F8;
      }

      div.pane-white td {
        padding: 0px;
        color: #606060;
        border-top: 0;
      }

      div.pane-white td p {
      }

      span.info {
        color: #484848;
        font-size: 10px;
      }

      table {
        width: 100%;
        border: 0;
        margin: 0;
        padding: 0;
        border-collapse: collapse;
      }
      
      table.login {
        width: 300px;
        border: 0;
        margin: 0;
        padding: 0;
        border-collapse: collapse;
      }
      
      span.tiny {
        font-size: 9px;
      }
      
      div.pane th {
        /* border-top: 2px solid #7CB8E0; */
        background: #7B9F53 url('/base/images/th.bg.gif') bottom repeat-x;
        color: white;
        padding: 4px 10px 8px 10px;
        font-weight: normal;
        font-size: 11px;
        text-align: left;
      }

      div.pane th.highlight {
        background: #BCE27F url('/base/images/th.bg.gif') bottom repeat-x; 
        color: #303030;
      }
      
      div.pane th.label {
        background: #DCF29F url('/base/images/th.bg.gif') bottom repeat-x; 
        vertical-align: top;
        border-right: 2px outset #BCE27F;
        color: #406010;
      }
      
      div.pane th.total {
        background: #9FDCF2 url('/base/images/th.total.bg.gif') bottom repeat-x; 
        vertical-align: top;
        border-right: 2px outset #9FDCF2;
        color: #104060;
      }
      
      td {
        font-size: 11px;
        color: #505050;
        vertical-align: top;
      }
      div.pane td {
        font-size: 11px;
        color: #27552E;
        vertical-align: top;
      }

      div.pane-grey ul {
        color: #AFE0FF;
      }

      li {
        padding-bottom: 10px;
      }

      div.pane tr td {
        border-top: 1px solid #E3F1CB;
        background: white;
        padding: 5px 10px;
      }
      
      div.pane tr.row1 td {
        /* border-top: 1px solid #E3F1CB; */
        /* background: #F0F7E2; */
        border-top: 1px solid #CBE3F1;
        background: #EFFAFF;
        padding: 5px 10px;
        color: #206080;
      }

      div.pane tr.row2 td {
        /* border-top: 1px solid #E3F1CB; */
        border-top: 1px solid #CBE3F1;
        background: white;
        padding: 5px 10px;
        color: #206080;
      }

      div.pane tr.row1,tr.row2 td p {
        color: #333333;
      }

      div.pane tr.row2 td h1 {
        background: none;
        color: black;
        margin:0;
        padding:0;
        border: 0;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 18;
      }
      div.pane tr.row2 td h2 {
        background: none;
        color: black;
        margin:0;
        padding:0;
        border: 0;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 16px;
      }
      div.pane tr.row2 td h3 {
        background: none;
        color: black;
        margin:0;
        padding:0;
        border: 0;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 14px;
      }
      div.pane tr.row2 td h4 {
        background: none;
        color: black;
        margin:0;
        padding:0;
        border: 0;
        font-size: 12px;
      }
      div.pane tr.row2 td h5 {
        background: none;
        color: black;
        margin:0;
        padding:0;
        border: 0;
      }

      div.pane tr.row2 td li {
        color: black;
      }
      
      tr.default td {
        color: white;
        padding: 10px;
      }

      form {
        margin: 0;
        padding: 0;
      }
      
      input.text_field {
        /* font-size: 12px; border: 1px inset #AFE0FF; padding: 4px; background: #DFF0FF; width: 100%; color: #1F809F; font-family: sans-serif; */
        width: 100%;
        padding: 2px;
        border: 1px inset grey;
        background: #FCFCFC;
        font-size: 12px;
        font: 11px Verdana, sans-serif;
      }

      input.text_field_short {
        padding: 2px;
        border: 1px inset grey;
        background: #FCFCFC;
        font-size: 12px;
        font: 11px Verdana, sans-serif;
      }

      textarea {
        font-size: 12px;
        border: 1px inset grey;
        padding: 2px;
        /* background: #DFF0FF; */
        background: #FCFCFC;
        width: 100%;
        font: 11px Verdana, sans-serif;
      }
      
      select {
        font-size: 12px;
        border: 1px inset grey;
        padding: 2px;
        background: #FCFCFC;
        /* width: 100%; */
        font-family: sans-serif;
      }
    
      input.upload_field {
        font-size: 12px;
        border: 1px inset grey;
        padding: 4px;
        background: #FCFCFC;
        font-family: sans-serif;
      }
      
			#notice {
			  border-bottom: 1px solid #CCCCCC;
			  padding: 7px;
			  margin-top: 7px;
			  background-color: #E4F8FB;
			  font-weight: bold;
		    font-size: 12px;
		    color: #333;
			}
	      
			.fieldWithErrors {
			   display: inline;
			}
			
			#errorExplanation {
			  border-bottom: 1px solid #CCCCCC;
			  padding: 7px;
			  margin-top: 7px;
			  background-color: #FFFFCC;
			}
			
			#errorExplanation h2 {
			  font-weight: bold;
		    font-size: 12px;
		    color: #333;
		  }
		
		  #errorExplanation p {
		    color: #333;
		  }
		
		  #errorExplanation ul li {
		    list-style: square;
		    color: #000;
		  }