/* =========================================================================
 * Default site styles 
 * ========================================================================= */
    body {
        margin: 4px 0px 10px 4px;
        padding: 0px;
        font-size: 8pt;
        font-family: arial, helvetica, sans-serif;
        text-align: left;
        color: #000000;
        background-color: #FFFFFF;
    }
    /* Heading */
    h2 { 
    	color: #FFFFFF;
    	background-color: #B21107; 
    	margin: 0px; 
    	padding: 2px 4px;
    	font-size: 12pt; 
    }
    /* Subheading */
    h3 { 
    	color: #666666;
    	margin: 0px; 
    	padding: 3px 0px 0px 0px; 
    	font-size: 12pt; 
    }
    /* Section heading */
    h4 {
    	color: #B21107;
    	margin: 10px 0px 0px 0px;
    	font-size: 10pt;
    }
    
    /* Divider */  
    hr { 
    	height: 2px; /* Opera, Konqueror */
        border-width: 0px;
    	color: #666666;  /* IE */
    	background-color: #666666; /* Mozilla */
    }

    /* Standard anchor styles */
    a, a:link, a:visited, a:active { 
      	color: #174A7C; 
    }
    a:hover { 
    	color: #B21107; 
    }
    /* Paragraph */    
    p { 
    	margin: 0px; 
    	padding: 5px 0px; 
    }

    /* TD font size set explicitly to bypass IE5 TD inheritance bug */
    td {
        font-size: 8pt;
        font-family: arial, helvetica, sans-serif;
    }
    
	/* Form and control box styles */
    form { 
    	margin: 5px 0px; 
    	padding: 0px;
    }

	input, textarea, select, password {
		font-size: 8pt;
		font-family: arial, helvetica, sans-serif;
	}

    /* Lists */
    ul {
    	margin: 0em 0em 0em 2.5em;
    	padding: 0px; 
    }
    ol { 
    	margin: 0em 0em 0em 2.5em;
    	padding: 0px; 
    }
    li {
    	margin: 0px;
    	padding: 2px 0px;
    }
    
    pre {
    	margin: 0px;
    	padding: 0px;
    	font-family: "courier new",courier,monospace;
    }
    
/* =========================================================================
 * Custom site-wide styles 
 * ========================================================================= */

	.monospace {    
		font-family: "courier new",courier,monospace;
	}
	    
    .alert {
    	color: #FF0000;
    }
    
    .bold {
    	font-weight: bold;
   	}
   	
   	.italic {
   		font-style: italic;
	}
	   	
   	.ralign {
   		text-align: right;
   	}	
   	
   	.calign {
   		text-align: center;
   	}
   	
   	.longtext {
   		padding: 1px 5px;
		background-color: #CCCCCC;
   	}
   	
   	.hidden {
   		display: none;
   	}
   	
    div.clearBoth {
    	clear: both;
    }
    
    div.confirmation {
    	padding: 5px;
    	font-weight: bold;
		background-color: #FFCC66;
    	border-width: 1px;
    	border-style: solid;
    	border-color: #B21107;
    }
    
    div.floatRight {
    	float: right;
    	padding: 5px 0px 5px 5px;
    }
    
    div.floatLeft {
    	float: left;
    	padding: 5px 5px 5px 0px;
    }

    
  	div.highlightBox {
    	width: 85%;
		background-color: #ECECEC;
		border-width: 1px;
		border-style: solid;
		border-color: #A6A6A6;
	    padding: 5px 5px 5px 5px;
	    margin-top: 10px;
  	}
   	
   	div.sectionHeader {
   	    background-color: #BDBDBD;
    	color: #174A7C;
    	padding: 2px 4px;
    	font-weight: bold;
    	font-size: 10pt;
    	vertical-align: middle;
   	}
   	
   	div.topofpage {
   		margin: 15px 0px 0px 0px;
   		padding: 0px 0px 0px 15px;
        background-image: url(../graphics/layout/arrow_up_174A7C.gif);
        background-position: 0em .3em;
        background-repeat: no-repeat;
   	}
   	
   	input.readonly {
   	  color: black;
   	  background-color: #CCCCCC;
   	}
   	
   	img.cws-calendar {
   		cursor: pointer;
   		margin: 0px 1px 2px 1px;
   		vertical-align: bottom;
   	}
   	
   	img.middle-align {
   		margin: 0px;
		vertical-align: middle;
   	}
   	
   	img.border {
   		border: 1px black solid;
   	}

    p.spacer {
    	margin: 0px;
    	padding: 2px 0px 0px 0px;
    }

    span.underline {
     	text-decoration: underline;
    }
    
    span.accent-primary {
    	font-weight: bold;
    	color: #174A7C;
    }
    
    span.accent-secondary {
    	font-weight: bold;
    	color: #B21107;
    }
    
    span.label {
    	padding: 2px 2px 2px 0px;
    	margin: 1px 5px 0px 0px;
        color: #174A7C;
    	font-weight: bold;
    }
    
    span.fileInfo {
    	font-size: 7pt;
    }


/* =========================================================================
 * Site-wide layout section ids
 * ========================================================================= */
    /* Outer container */
    #container {
        background-color: #FFFFFF;
        border-width: 1px;
        border-style: solid;
        border-color: #000000;
        padding: 8px;
    }
    /* Header section */
    #header {
        height: 70px;
        background-image: url(../graphics/layout/activantlogocws.gif);
        background-position: 0px 0px;
        background-repeat: no-repeat;
    }
    #header h1 {
        display: none;
    }
    #header-link {
    	float: left;
    	margin-top: 5px;
    }
    #header-search {
        float: right;
        margin: 0px 5px 5px 5px;
    }
    
    /* Top navigation */
    #mainnav {
        height: 20px;
        background-color: #000000;
    }
    #mainnavmenu ul {
        clear: both;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }
    #mainnavmenu ul li {
        display: block;
        float: left;
        margin: 0px;
        padding: 0px;
    }
    #mainnavmenu li a {
        display: block;
        float: left;
        height: 20px;
        text-decoration: none;
        color: #FFFFFF; 
        font-weight: bold;
        line-height: 20px;
        margin: 0px;
        padding: 0px 13px;
    }
    #mainnavmenu li a:hover {
        color: #FFFFFF;
        background-color: #B21107;
    }
    #mainnavmenu li.current-tab a {
        color: #FFFFFF;
        background-color: #B21107;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #000000;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #000000;
    }
    #mainnavmenu li.current-tab a:hover {
        color: #FFFFFF;
    }

	#topspacer {
		height: 20px;
	}
    /* Reverse style - white on dark background */
    #topspacer span.signInInfo { 
        float: right;
        color: #666666;
        font-weight: bold;
        margin: 0px 0px 0px 10px;
        line-height: 20px;
    }
    #topspacer span.signInInfo a, #topspacer span.signInInfo a:link, 
    #topspacer span.signInInfo a:visited, #topspacer span.signInInfo a:active {
  	    color: #666666;
        font-style: italic;
        text-decoration: none;
    }
    #topspacer span.signInInfo a:hover {
       color: #B21107;
    }
    #topspacer span.username {
        color: #B21107;
    }


    /* Main body of page, including left navigation */
    #mainbody {
        vertical-align: top;
    }
    /* Left section of main body */
    #left {
    	vertical-align: top;
        background-color: #ECECEC;
        border-width: 1px;
        border-style: solid;
        border-color: #A6A6A6;
    }
    #leftnav {
        width: 140px;
        margin: 0px;
        font-weight: bold;
        overflow: hidden;
    }
    #leftnav-heading {
        padding: 4px 2px 4px 16px;
        color: #174A7C;
        background-color: #BDBDBD;
    }
    #leftnav ul {
        list-style-type: none;
        margin: 0px 3px 0px 5px;
        padding: 0px;
    }
    #leftnav li { 
        margin: 0px;
        padding: 8px 0px 0px 10px;
        background-image: url(../graphics/layout/arrow_174A7C_ECECEC.gif);
        background-repeat: no-repeat;
        background-position: 0em 1.1em;
    }
    #leftnav ul ul {
        margin: 0px;  /*Suppress margin on nested ul*/
    }
    #leftnav ul li.parent {
        background-image: url(../graphics/layout/arrow_down_B21107_ECECEC.gif);
    }
    #leftnav ul li.current {
        color: #B21107;
        background-image: url(../graphics/layout/arrow_B21107_ECECEC.gif);
    }
    #leftnav a, #leftnav a:link, #leftnav a:visited, #leftnav a:active {
        text-decoration: none;
        color: #174A7C;
    }
    #leftnav a:hover {
        color: #B21107;
    }
    #leftnav .leftnav-current a, #leftnav .leftnav-current a:link, #leftnav .leftnav-current a:visited, #leftnav .leftnav-current a:active {
        color: #B21107;
    }

    /* Inner contents section */
    #contents {
        background-color: #FFFFFF;
    }
    /* Inner contents section */
    #contents-main {
        background-color: #FFFFFF;
        padding: 0px 1px 0px 10px;
    }
	
	#contents-main #page-options {
		font-size: 7pt;
		margin: 0px;
		padding: 4px 1px 0px 0px;
	}

	#contents-main #page-options a,
	#contents-main #page-options a:link,
	#contents-main #page-options a:visited,
	#contents-main #page-options a:active {
		color: #666666;
	}
	#contents-main #page-options a:hover {
		color: #B21107;
	}	
	    
    /* Page footer */
    #footer-spacer {
    	height: 10px;
    }
    #footer {
        height: 20px;
        background-color: #000000;
        text-align: center;
    }
	#footer span {
		font-size: 7pt;
        color: #FFFFFF;
	}
    
/* =========================================================================
 * Default form styles
 * ========================================================================= */
    #contents-main form p {
        padding: 8px;
    }
	#contents-main form {
		width: 425px;
		background-color: #ECECEC;
	  	border-width: 1px;
	  	border-style: solid;
	  	border-color: #A6A6A6;
	  	margin: 5px 0px 0px 0px;
	}
    #contents-main form table {
        margin: 8px;
    }
    #contents-main form table table {
        margin: 0px;
    }
    
	#contents-main form table div.fieldinfo {
	    margin: 0px 0px 2px 0px;
		padding: 0px 0px 0px 2px;
		color: #666666;
		font-size: 7pt;
	}
    
    #contents-main form label span.required {
    	color: #B21107;
    	padding: 0px 4px 0px 0px;
    }

    #contents-main form td.formlabel {
    	text-align: right;
        width: 125px;
        padding:  2px;
        vertical-align: top;
    }
    
    
  	#contents-main form td.formlabel label {
    	padding: 2px;
    	margin: 1px 5px 0px 0px;
		display: block;
        color: #174A7C;
    	font-weight: bold;
  	}
  	
  	#contents-main form table td.formlabel div.labelinfo {
    	padding: 0px;
    	margin: 0px 5px 0px 0px;
		display: block;
		font-style: italic;
        color: #174A7C;
	}
	
	  	
  	#contents-main div.labelinfo {
    	padding: 0px;
    	margin: 0px 5px 0px 0px;
		display: block;
		font-style: italic;
        color: #174A7C;
	}
	
	    #contents-main form td.formlabel-short {
    	text-align: right;
        width: 75px;
        padding:  2px;
        vertical-align: top;
    }
    
  	#contents-main form td.formlabel-short label {
    	padding: 2px;
    	margin: 1px 5px 0px 0px;
		display: block;
        color: #174A7C;
    	font-weight: bold;
  	}
  	
  	#contents-main form table td.formlabel-short div.labelinfo {
    	padding: 0px;
    	margin: 0px 5px 0px 0px;
		display: block;
		font-style: italic;
        color: #174A7C;
	}
	
	#contents-main form td.formfield {
		padding: 2px;
        vertical-align: top;
  	}

	/* Text only - matches alignment for form fields */
	#contents-main form td.formfield div {
		padding: 2px;
        vertical-align: top;
  	}
  		
  	/* Text only - matches alignment for form fields */
	#contents-main form td.formfield div.nopadding {
		padding: 0px;
        margin: 0px;
  	}
  	 	
  	 	
	#contents-main form td.formbutton {
		text-align: left;
		padding-top: 10px;
	}
    
    #contents-main form select {
    	width: 258px;
    }
    
    #contents-main form select.long {
    	width: 450px;
    }
    
    #contents-main form input.text {
    	padding: 0px 2px;
    	width: 250px;
    }
    
    #contents-main form input.shortText {
    	padding: 0px 2px;
    	width: 75px;
    }
    
    #contents-main form textarea {
    	padding: 0px 2px;
    	width: 250px;
    	height: 6.5em;
    }
    
    #contents-main form .disabled {
    	background-color: #CCCCCC;
    }
    
    /* Validation errors */
	#contents-main div.formErrors {
	    font-weight: bold;
	    margin-bottom: 10px;
	}
    #contents-main div.formErrors li {
        color: #FF0000;
        font-weight: normal;
    }
    
/* =========================================================================
 * Default rounded corners using table cells
 * ========================================================================= */
    #contents-main td.lc {
        background-color: #BDBDBD;
    }
    #contents-main td.rc {
        background-color: #BDBDBD;
    }    

/* =========================================================================
 * Table styles
 * ========================================================================= */

	/* Table view classes */
	#contents-main table td.viewlabel {
    	text-align: right;
        width: 125px;
        padding:  1px;
        vertical-align: top;
	}
	#contents-main table td.viewlabel-short {
    	text-align: right;
        width: 75px;
        padding:  1px;
        vertical-align: top;
	}
	#contents-main table td.viewfield {
		padding: 1px;
        vertical-align: top;
	}
	

	/* Full width tables */
	#contents-main table.data,
	#contents-main table.pager-index {
		width: 100%;
	}
	
    /* Pager styles */
    #contents-main .pager-prev,
    #contents-main .pager-next,
    #contents-main .pager-page,
    #contents-main .pager-current-page {
    	padding: 0px 1px;
    }
    #contents-main .pager-current-page {
    	font-weight: bold;
    	color: #B21107;
    }
    
    
    /* Data tables */
	#contents-main table.data {
		margin: 5px 0px;
		border: 1px solid #A6A6A6;
	}

    /* Header row */
    #contents-main .data thead td {
        background-color: #BDBDBD;
        color: #174A7C;
        text-align: left;
        padding: 6px 4px;
        font-weight: bold;
        vertical-align: middle;
        
    }
    #contents-main .data thead td a {  
    	color: #174A7C;
    }
    #contents-main .data thead td a:hover {    
    	color: #B21107;
    }

    #contents-main .data thead td span.pager-sort-asc {
        background-image: url(../graphics/layout/arrow_up_B21107_BDBDBD.gif);
		background-position: right center;
		background-repeat: no-repeat;
    }
    
    #contents-main .data thead td span.pager-sort-desc {
        background-image: url(../graphics/layout/arrow_down_B21107_BDBDBD.gif);
		background-position: right center;
		background-repeat: no-repeat;
    }
    
    #contents-main .data thead td span.pager-sort-asc a,
    #contents-main .data thead td span.pager-sort-desc a {
    	margin-right: 7px;
    }
    
	/* Body row */
    #contents-main .data tbody td {
        color: #000000;
        text-align: left;
        padding: 4px;
        vertical-align: top;
    }

    #contents-main .data td.ralign {
        text-align: right;
    }
    #contents-main .data td.center {
        text-align: center;
    }

    /* Alternate row coloring */    
    #contents-main .data tr.crow { 
    	background-color: #ECECEC; 
    }
    
/* =========================================================================
 * Default list style - links
 * ========================================================================= */
	#contents-main ul.links {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	#contents-main ul.links li {
	    margin: 0px;
	    padding: 2px 5px 2px 10px;
	    background-image: url(../graphics/layout/arrow_174A7C.gif);
        background-repeat: no-repeat;
        background-position: 0em .7em;
	}
	
/* =========================================================================
 * Floating Boxes - right floated boxes
 * ========================================================================= */
	/* Outer container for 1 or more boxes */
	#contents-main div.floatBoxes {
	    width: 150px;
		float: right;
		margin: 5px 0px 0px 5px;
		padding: 0px;
	}
	/* Single box container */
	#contents-main div.floatBox {
	    margin: 0px 0px 10px 0px;
		padding: 0px;
	}
	#contents-main div.floatBox table {
		width: 100%;
		border-width: 1px;
		border-style: solid;
		border-color: #A6A6A6;
	}
	#contents-main .floatBoxHeader {
        background-color: #BDBDBD;
        color: #FFFFFF;
        text-align: center;
        padding: 2px;
        font-weight: bold;
        vertical-align: middle;
	}
	#contents-main .floatBoxContents {
		padding: 2px 2px 4px 2px;
		background-color: #ECECEC;
	}
	#contents-main .floatBoxContents ul.links li {
	    background-image: url(../graphics/layout/arrow_174A7C_ECECEC.gif);
	}
	
	
/* =========================================================================
 * Floating Boxes - right floated boxes
 * ========================================================================= */
	
		
    #contents-main a {
      z-index: 1;
    }
    
    #contents-main a:hover {
      z-index: 1000;
    }
	
	#contents-main a.popup span.link {
	display: none;
	text-decoration: none;
	color: #000000;
	}
	
	#contents-main a.popup {
	 position: relative;
	 padding: 0px;
	} 
	
	#contents-main a.popup:hover span.link {
	  position: absolute;
	  text-decoration: none;
	  bottom: -25px;
	  left: 200px;
	  display: block;
	  width:300px;
	  padding: 0px 0px 0px 30px;
      background-image: url(../graphics/layout/arrowleft.gif);
      background-repeat: no-repeat;
      background-position: .5em 96%;
      background-attacment: fixed;
	  } 
	  
	 
	
	#contents-main a.popup:hover span.link div.popup-heading {
	    position: relative;
		left: -1px;
		width: 295px;
		padding: 10px 0px 10px 0px;
		text-align: center;
		background-color: #336699; 
	    border-top: 1px solid #FFFFFF;
	}
	
   #contents-main a.popup:hover span.link div.popup-heading h2 {
	vertical-align: middle;
	}
	  
	  
	#contents-main a.popup:hover span.link div.shadow {	
	  position: relative;
	  padding: 0px 3px 3px 0px;
	  background: #CCCCCC;
	  width: 288px;
	}
	
	#contents-main a.popup:hover span.link div div {	
	  position: relative;
	  border: 1px solid #336699;
	  padding: 0px;
	  background: #FFFFFF;
	  width: 295px;
	  top: -3px;
	  right: 10px;
	}
	
	#contents-main a.popup:hover span.link div div table td.viewfield {	
	  padding-right: 10px;
	}
	
	#contents-main a.popup:hover span.link div div table td.viewlabel {	
	  padding-left: 5px;
	}