/*
*
* NOTE: padding and margin values start at the top and move clockwise (top right bottom left)
*/

/* =========================================================================
 * Default site styles 
 * ========================================================================= */
    body {
        margin: 0px;
        padding: 0px;
        margin-left: 5px;
        margin-bottom: 10px;
        height: 100%;
        font-size: 8pt;
        font-family: "Times New Roman", times, serif;
        text-align: left;
        color: #000000;
        background-color: #FFFFFF;
    }
    /* Heading */
    h2 { 
    	margin: 0px; 
    	font-size: 16pt; 
    }
    /* Subheading */
    h3 { 
    	margin: 0px; 
    	font-size: 12pt; 
    }
    /* Section heading */
    h4 {
    	margin: 10px 0px 0px 0px;
    	font-size: 10pt;
    }
    
    /* Standard anchor styles */
    a, a:link, a:visited, a:active { 
      	color: #000000; 
    }
    a:hover { 
    	color: #000000; 
    }
    /* Paragraph */    
    p { 
    	margin: 0px; 
    	padding: 5px 0px; 
    }

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

	input, textarea, select, password {
		margin: 0px;
    	padding: 0px 1px;
		font-size: 8pt;
        font-family: "Times New Roman", times, 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;
    }

    
/* =========================================================================
 * Custom site-wide styles 
 * ========================================================================= */

	.monospace {    
		font-family: "courier new",courier,monospace;
	}
	    
    .bold {
    	font-weight: bold;
   	}
   	
   	.italic {
   		font-style: italic;
	}
	   	
   	.ralign {
   		text-align: right;
   	}	
   	
   	.calign {
   		text-align: center;
   	}
   	
   	.longtext {
   		padding: 1px 5px;
   	}
   	
    
	/* Float clear */
    div.clearBoth {
    	clear: both;
    }
    
	/* Float right */
    div.floatRight {
    	float: right;
    	padding: 5px 0px 5px 5px;
    }
    
    /* Float left */
    div.floatLeft {
    	float: left;
    	padding: 5px 5px 5px 0px;
    }
    
  	div.highlightBox {
    	width: 85%;
		border-width: 1px;
		border-style: solid;
		border-color: #000000;
	    padding: 5px 5px 5px 5px;
	    margin-top: 10px;
  	}
   	
   	img.cws-calendar {
   		cursor: pointer;
   		margin: 0px 1px 2px 1px;
   		vertical-align: bottom;
   	}
   	
   	img.middle-align {
   		margin: 0px;
		vertical-align: middle;
   	}

    span.underline {
     	text-decoration: underline;
    }
    
    /* Reverse style - white on dark background */
    span.reverse { 
        float: right;
        color: #000000;
        font-weight: bold;
        margin: 0px 15px 0px 0px;
        line-height: 25px;
    }
        
	/* Username style */
    span.username {
        color: #000000;
    }
    
    span.accent-primary {
    	font-weight: bold;
    }
    
    span.accent-secondary {
    	font-weight: bold;
    }
    
    span.label {
    	padding: 2px 2px 2px 0px;
    	margin: 1px 5px 0px 0px;
    	font-weight: bold;
    }
    span.filetype {
    	font-size: 7pt;
    }


/* =========================================================================
 * Site-wide layout section ids
 * ========================================================================= */
    /* Outer container */
    #container {
        background-color: #FFFFFF;
        width: 6.5in;
    }
    /* Header section */
    #header {
        height: 75px;
    }
	#header h1 {
	   	padding: 5px;
	}
    #header-link {
    	display: none;
    }
    #header-search {
    	display: none;
    }
	#header-search form input.radio { 
    	display: none;
	}    
    

    /* Top navigation */
    #mainnav {
    	display: none;
        height: 0px;
    }
	/* Top spacer section below main navigation */
    #topspacer {
    	display: none;
        height: 0px;
    }

    /* Left section of main body */
    #left {
    	display: none;
        width: 0px;
    }

    /* Inner contents section */
    #contents {
        background-color: #FFFFFF;
        width: 6.5in;
    }

    /* Inner contents section */
    #contents-main {
        padding: 5px;
    }
    
    #contents-main #print-friendly {
		display: none;
	}

/* =========================================================================
 * Default form styles
 * ========================================================================= */
    #contents-main form p {
        padding: 5px;
    }
	#contents-main form {
		width: 425px;
	  	border-width: 1px;
	  	border-style: solid;
	  	border-color: #000000;
	}
    #contents-main form table {
        margin: 10px 0px;
    }
    
    #contents-main form label span.required {
    	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;
    	font-weight: bold;
  	}
	#contents-main form td.formfield {
		padding: 2px;
        vertical-align: top;
  	}

	#contents-main form td.formfield div {
		padding: 2px;
        vertical-align: top;
  	}
 	
	#contents-main form td.formbutton {
		text-align: left;
		padding-top: 10px;
	}
    
    #contents-main form select {
    	width: 254px;
    }
    #contents-main form input.text {
    	width: 250px;
    }
    
    #contents-main form input.shortText {
    	width: 75px;
    }
    
	#contents-main form input.radio { 
		margin: 0px 2px 0px 0px;
	}     

    #contents-main form textarea {
    	width: 250px;
    	height: 6.5em;
    }
    
    /* Validation errors */
	#contents-main div.formErrors {
	    font-weight: bold;
	    margin-bottom: 10px;
	}
    #contents-main div.formErrors li {
        font-weight: normal;
    }

	#contents-main form div.checkbox {
		padding: 0px;
		margin: 2px 0px;
	}
	
	#contents-main form div.checkbox div.checkbox-text{
		padding: 0px;
		margin: 0px;
		float: left;
		width: 90%;
	}
	
	#contents-main form div.checkbox input.checkbox{
		padding: 0px;
		margin: 0px 4px 0px 0px;
		height: 14px;
		float: left;
	}
	

	#contents-main form td.formfield div.checkbox {
		padding: 2px 0px 0px 0px;
		vertical-align: top;
  	}
  	
	#contents-main form div.radio {
		padding: 0px;
		margin: 2px 0px;
	}
	
	#contents-main form div.radio div.radio-text{
		padding: 0px;
		margin: 0px;
		float: left;
		width: 90%;
	}
	
	#contents-main form div.radio input.radio{
		padding: 0px;
		margin: 0px 4px 0px 0px;
		height: 14px;
		float: left;
	}
	
	#contents-main form td.formfield div.radio {
		padding: 2px 0px 0px 0px;
		vertical-align: top;
  	}
/* =========================================================================
 * Table styles
 * ========================================================================= */
/*    #contents-main .data table, #contents-main .data td, #contents-main .data th { border: 1px solid #330066; } */

	/* 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 {
    	display: none;
    }
    #contents-main .pager-current-page {
    	padding: 0px 1px;
    }
    
    /* Data tables */
	#contents-main table.data {
		margin: 5px 0px;
	}

    /* Header row */
    #contents-main .data thead td {
        color: #000000;
        text-align: left;
        padding: 6px 4px;
        font-weight: bold;
        vertical-align: middle;
	  	border-bottom-width: 1px;
	  	border-bottom-style: solid;
	  	border-bottom-color: #000000;
    }
    
	/* Body row */
    #contents-main .data tbody td {
        color: #000000;
        text-align: left;
        padding: 4px;
        vertical-align: top;
    }
    #contents-main .data td.center {
        text-align: center;
    }

    /* Alternate row coloring */    
    #contents-main .data tr.crow { 
    	background-color: #CCCCCC; 
    }
    
	
/* =========================================================================
 * Floating Boxes - right floated boxes
 * ========================================================================= */
	/* Outer container for 1 or more boxes */
	#contents-main div.floatBoxes {
	    width: 150px;
		float: right;
		margin: 0px 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%;
	}
	#contents-main .floatBoxHeader {
        color: #000000;
        text-align: center;
        padding: 2px;
        font-weight: bold;
        vertical-align: middle;
	}
	#contents-main .floatBoxContents {
		padding: 2px 2px 4px 2px;
	  	border-width: 1px;
	  	border-style: solid;
	  	border-color: #000000;
	}