/* GENERAL FONT AND LINK SETTINGS */
BODY,
TABLE,
PRE,
P,
INPUT,
.portlet-font,
.portlet-section-body,
.portlet-section-footer,
.portlet-section-text,
.portlet-table-text {	font-weight: normal;
											font-size: 11px; 
											color: #000000; 	
											font-style: normal;
											font-family: Verdana, Arial, Helvetica, sans-serif}
																					

P {margin-top: 0em;
   margin-bottom: 1em }

TH {font-weight: bold }

form
{
	margin: 0;
}


.epi-fontSm,
.epi-font-small,
.wsui-font-small {	font-size: 9px }

.epi-font,
.wsui-font {	font-size: 11px; }

.epi-fontLg,
.epi-font-large,
.wsui-font-large {font-size: 14px }

a,
a:link,
a:visited,
a:active,
a:hover {color: #000099;
         text-decoration: none }

a.epi-headline {font-weight: normal;
                text-decoration: underline !important }

/* FOR TRAIL, PAGE, AND SECTION TITLES */
/* NAVIGATION TRAILS */
.epi-trail,
.wsui-trail {font-family: Verdana, Geneva, sans-serif;
             font-size: xx-small;
             color: #666666;
             font-weight: normal;
             margin-bottom: 0px }

.epi-trail a,
.wsui-trail a {color: #666666 !important;
               text-decoration: none !important }

.epi-trail a:hover,
.wsui-trail a:hover {color: #666666;
                     text-decoration: underline !important }

.epi-trailOn,
.wsui-trail-current {font-family: Verdana, Geneva, sans-serif;
                     font-size: xx-small;
                     color: #000000;
                     font-weight: bold;
                     margin-bottom: 0px }

/* PAGE TITLES */
h1,
.epi-pageTitle,
.wsui-page-title,
.portlet-section-header {	font-family: Verdana, Arial, Helvetica, sans-serif;
				text-align: center;
				font-size: 14px;
				font-style: normal;
				font-weight: bold;
				color: #000000;
				margin: 0px }

h1.title { text-align : left;}


/* SECTION TITLES */
h2,
.epi-sectionTitle,
.wsui-section-title,
.portlet-section-subheader {font-family: Verdana, Arial, Helvetica, sans-serif;
                     				font-size: 12px;
				                    color: #000000;
				                    font-weight: bold;
				                    margin-top: 0px;
				                    margin-bottom: .5em }
                     
h3,
.epi-sectionTitleSmall,
.wsui-section-titleSmall,
.portlet-section-subheader-small,
.portlet-form-label {font-family: Verdana, Arial, Helvetica, sans-serif;
                     font-size: 11px;
                     color: #000000;
                     font-weight: bold;
                     margin-top: 0px;
                     margin-bottom: .5em }


/* ERROR AND CONFIRMATION MESSAGE COLORS */
.epi-error,
.wsui-error,
.portlet-msg-error,
.portlet-msg-alert {color: #ff0000 !important }

.epi-ok,
.wsui-ok,
.portlet-msg-success {color: #009900 !important }

.epi-dim,
.wsui-dim,
.portlet-font-dim {color: #666666 !important }

/* NAVIGATIONAL MENUS AND LINKS */
.nav_border {	background-color: #FFFFFF;
							border-style: solid;
							border-width: 1px;
							border-color: #999999;
							margin: 0px 0px 4px 0px;
							padding: 0px 0px 0px 0px;
}

.epi-menu,
.wsui-menu, 
.navigation_element {	background-color: #007FC4;
											border-style: solid;
											border-width: 1px;
											border-color: #422884;
											font-family: Verdana, Arial, Helvetica, sans-serif;
											font-size: 10px;
											font-style: normal;
											font-weight: normal;
											color: #FFFFFF;
											margin: 0px 0px 2px 0px;
											padding: 0px 0px 0px 0px;
}

.epi-menuOn,
.wsui-menu-current {	background-color: #4fa600;
																border-style: solid;
																border-width: 1px;
																border-color: #422884;
																font-family: Verdana, Arial, Helvetica, sans-serif;
																font-size: 10px;
																font-style: normal;
																font-weight: normal;
																color: #FFFFFF;
																margin: 0px 0px 2px 0px;
																padding: 0px 0px 0px 0px;
}

.epi-menu tr,
.epi-menuOn tr,
.epi-menu td,
.epi-menuOn td,
.wsui-menu tr,
.wsui-menu tr,
.wsui-menu-current td,
.wsui-menu-current td {
												padding: 0px 0px 0px 0px !important;
												margin: 0px 0px 0px 0px !important;
}

.epi-menu a,
.wsui-menu a,
.epi-menu a:hover,
.epi-menuOn a:hover,
.wsui-menu:hover a,
.wsui-menu-current a:hover,
.epi-menuOn a,
.wsui-menu-current a {	color: #FFFFFF !important;
             		font-weight: bold !important;
			font-family:Verdana,Arial,Helvetica,sans-serif !important; 
			font-size:10px !important;
}

.site_control_bar {
	background-color: #00267F;
	border-style: solid;
	border-width: 1px;
	border-color: #666666;
	color: #FFFFFF;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

.site_control_bar a {
	font-size: 10px !important;
	color: #FFFFFF !important;
}

.mysask_footer {
	background-color: #007FC4;
	border-style: solid;
	border-bottom-style:none;
	border-bottom-width:0px;
	border-width: 1px;
	border-color: #422885;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}
.mysask_footer a,
.mysask_footer a,
.mysask_footer a:link,
.mysask_footer a:visited,
.mysask_footer a:active,
.mysask_footer a:hover
 {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}


.epi-nextPrev,
.epi-nextPrev:hover {	color: #000033 !important;
               				text-decoration: none !important }


/* FORM ELEMENTS */
/* FOR LAYOUT TABLES THAT CONTAIN FORMS -- CONVENIENTLY PROVIDES FOR APPROPRIATE SPACING */
table.epi-formTable td {padding-top: .25em;
                        padding-bottom: .25em }

table.epi-formTable td table td {padding: 0em }

table.epi-formTable td.epi-spacerCell {font-size: 0px;
                                       height: 1em }

/* FORM LABELS */
.epi-formLabel,
.wsui-form-label,
.portlet-form-field-label,
.portlet-icon-label,
.portlet-dlg-icon-label {font-weight: bold;
                         text-align: left;
                         padding-right: .75em;
                         background-color: #E4E4E4; }

.epi-formCaption {font-family: Verdana, Geneva, sans-serif;
									font-size: 10px;
									font-style: normal;
									font-weight: normal;
									color: #000000; }

/* FORM INPUT ELEMENTS */
select,
textarea,
.epi-input,
.portlet-form-input-field {font-family: Verdana, Geneva, sans-serif;
                           font-size: 11px;
													 font-style: normal;
													 font-weight: normal;
													 color: #000000; }

/* FORM HTML BUTTONS */
.epi-button,
.portlet-form-button {font-family: Verdana, Geneva, sans-serif;
                      font-size: 11px;
                      color: #000000;
                      background-color: #dddddd }

/* FOR LINKS THAT BEHAVE LIKE BUTTONS */
.epi-buttonLink
.epi-buttonLink:hover {	color: #000033 !important;
                 				text-decoration: underline !important }


/* MISC. UI ELEMENTS */
HR {color: #cccccc;
    height: 1px }

.epi-lineBreak {background-color: #cccccc }

.epi-block {background-color: #dcdcdc;
            border: #dcdcdc 1px solid }

.wsui-block-bgcolor {background-color: #dcdcdc }

.epi-blockBorder {background-color: #dcdcdc }

.epi-sectionTitleBG,
.section-highlight
{
	background-color: #e6e6e6; 
}

.content-section
{
	margin-top : 5px;
	margin-bottom : 5px;
	padding : 0.27em;				
}

li {padding: .2em .2em }

ul.item-list
{
	padding-left : 20px;
  list-style-image : url(/portal/images/theme/arrow-orange.gif);
  margin-top : 5px;
  margin-left : -5px;
  margin-bottom : 5px;

}

ul.item-list li
{
	padding-left : 0px;
}

img
{
	border : none;
	vertical-align : middle;
}

/* uses to render an image and caption with text wrapping */
.imageBlockLeft
{
	float:left;
	margin-right: 5px;
	border: #e2e2e2 1px solid;	
}

.imageBlockRight
{
	float:right;
	margin-left: 5px;
	border: #e2e2e2 1px solid;	
}

.imageCaption
{
	background-color: #dcdcdc;
	font-size: 9px;
	padding : 5px;	
}

/* Style for thumbnail lists */

table.thumbnailTable td
{
	vertical-align : top;
	text-align : left;
	padding : 10px;
	width : 50%
}

.thumbnail, .thumbnail img
{
	width : 120px !important;
}

/* Style for mouse over selection */
.mouseOverHighlight
{
	background-color : #dcdcdc;
	cursor : pointer;
}

/* STANDARD DATA TABLES */
.epi-dataTable,
.wsui-table,
.portlet-table-body {border-bottom: #ffffff 1px solid;
                     border-left: #ffffff 1px solid;
                     border-right: #ffffff 0px solid;

}

.epi-dataTable TH,
.wsui-table TH,
.portlet-table-header TH,
.portlet-table-header TD {

								color: #222222;
                background-color: #b8d1e6;
                border-top: #ffffff 1px solid;
                border-right: #ffffff 1px solid;
}

.epi-dataTable TH a,
.wsui-table TH a,
.portlet-table-header a {color: #222222 !important;
                         text-decoration: none;
 }

.epi-dataTable TH.epi-rowHeadSorted,
.epi-dataTable TH.epi-rowHeadSorted a {color: #000000 !important;
                                       background-color: #9cbfdd;
                                       text-decoration: none }

.epi-dataTable TD,
.wsui-table TD,
.portlet-table-body TD {border-top: #ffffff 1px solid;
                        border-right: #ffffff 1px solid;
                        padding-top: .3em;
                        padding-bottom: .3em;
                        padding-left: .5em;
                        padding-right: .5em

}

.epi-dataTable .epi-padRight {padding-right: 2em }

/* DATA TABLE LITE: generally not used with background colors on odd and even rows */
.epi-dataTableLite {border-bottom: #ffffff 1px solid;
                    border-left: #ffffff 1px solid;
                    border-right: #ffffff 1px solid }

.epi-dataTableLite TH {color: #003366;
                       background-color: #f7fafc;
                       border-top: #ffffff 1px solid;
                       border-right: #ffffff 0px solid;
                       padding: .5em }

.epi-dataTableLite TH a {color: #003366 !important;
                         text-decoration: none }

.epi-dataTableLite TD {border-top: #ffffff 1px solid;
                       border-right: #ffffff 0px solid;
                       padding-top: .3em;
                       padding-bottom: .3em;
                       padding-left: .5em;
                       padding-right: .5em }

.epi-dataTableLite epi-padRight {padding-right: 2em }

/* DATA TREE */
.epi-dataTree {border-bottom: #ffffff 1px solid;
               border-left: #ffffff 1px solid;
               border-right: #ffffff 1px solid }

.epi-dataTree TH {color: #222222;
                  background-color: #b8d1e6;
                  border-top: #ffffff 1px solid;
                  border-bottom: #ffffff 1px solid;
                  padding-top: .3em;
                  padding-bottom: .3em }

.epi-dataTree TH a {color: #222222 !important;
                    text-decoration: none }

.epi-dataTree .epi-padding {padding-right: 1em;
                            padding-left: 1em }

.epi-dataTree .epi-padLeft {padding: 0px 0px 0px 3px }

/* TABLES WITHIN DATA TABLES: BORDERS AND PADDING */
.epi-dataTable .epi-embeddedTable TD,
.epi-dataTableLite .epi-embeddedTable TD,
.epi-dataTree .epi-embeddedTable TD {border: 0px;
                                     padding: 0px }

/* SHARED BACKGROUND COLORS */
.epi-rowOdd,
.wsui-table-row-odd,
.portlet-table-body {background-color: #f7fafc }

.epi-rowEven,
.wsui-table-row-even,
.portlet-table-alternate {background-color: #f2f6fa }

.epi-rowSpecial1,
.wsui-table-row-sectionheader,
.portlet-table-subheader {color: #000000;
                          background-color: #d1e1ef }

.epi-rowFooter,
.portlet-table-footer {color: #000000;
                       background-color: #dce8f3 }

.epi-rowHighlight,
.epi-rowHighlight td,
.epi-rowHighlight td a,
.portlet-table-selected,
.portlet-table-selected a {color: #336699 !important;
                           background-color: #dfebf6 }

.epi-dataTableBorder {background-color: #ffffff }

/* EPI-ROWHEAD: used only to simulate the effect of a data table's header row; not necessary if using <th> */
.epi-rowHead,
.wsui-table-row-header {color: #222222;
                        font-veight: bold;
                        background-color: #b8d1e6;
                        padding-top: .3em;
                        padding-bottom: .3em }

.epi-rowHead a,
.wsui-table-row-header a {color: #222222 !important;
                          text-decoration: none }

.epi-rowHeadSorted {color: #000000;
                    font-veight: bold;
                    background-color: #9cbfdd;
                    padding-top: .3em;
                    padding-bottom: .3em }

.epi-rowHeadSorted a {color: #000000 !important;
                      text-decoration: none }


/* CHROME, PAGE, AND ALIGNMENT CLASSES */
.epi-pageBG {	background-color: #ffffff;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px; }

.epi-chromeHeader {	background-color: #007FC4;
										border-style: solid;
										border-bottom-style:none;
										border-bottom-width:0px;
										border-width: 1px;
										border-color: #999999;
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										color: #FFFFFF;
										font-family: Verdana, Arial, Helvetica, sans-serif;
										font-size: 10px;
										font-style: normal;
										font-weight: normal;}

.epi-chromeHeader td { margin: 0px 0px 0px 0px;
												 padding: 0px 0px 0px 0px;
}

.epi-chromeHeader a {
	color: #FFFFFF !important;
}

.epi-chromeBG {	background-color: #FFFFFF;
								border-style: solid;
								border-width: 1px;
								border-color: #999999;
								margin: 0px 0px 3px 0px;
								padding: 0px 0px 0px 0px; }

.epi-chromeBorder {	background-color: #FFFFFF;
										border-style: solid;
										border-width: 1px;
										border-color: #999999;
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px; }


/* DEPRECATED: do not use in new code */
.epi-align {text-align: left }

.epi-rowSpecial2 {background-color: #dce8f3 }

.epi-errorColor,
.epi-errorSm,
.wsui-error-small {color: #ff0000 !important }

.epi-okColor,
.epi-okSm,
.wsui-ok-small {color: #009900 !important }

.epi-dimColor,
.epi-dimSm,
.wsui-dim-small {color: #666666 !important }

.epi-buttonSm,
.wsui-button-small {font-family: Verdana, Geneva, sans-serif;
                    font-size: x-small;
                    color: #000000;
                    background-color: #dddddd }

.epi-form,
.epi-formSm {font-family: Verdana, Geneva, sans-serif;
             font-size: x-small;
             color: #000000;
             background-color: #ffffff }

.epi-buttonLinkSm {color: #000033;
                   text-decoration: underline }

.epi-buttonLinkSm:hover {color: #000000;
                         text-decoration: underline }

.epi-blockBGColor {background-color: #e6e6e6 }

.epi-chromeHeaderFont {font-family: Verdana, Geneva, sans-serif;
                       font-size: 10px !important;
                       color: #FFFFFF;
                       font-weight: normal }

.epi-chromeHeaderFont a {
	color: #FFFFFF !important;
}

.epi-chromeHeaderBG {background-color: #007BC6 }

.epi-rowSubHead {color: #000000;
                 background-color: #d1e1ef }

/* DEPRECATED MY PAGES CLASSES: do NOT use for normal code */
.epi-button-normal {background-color: #9cbfdd;
                    cursor: normal }

.epi-button-normal table.rollover {background-color: #f2f6fa }

.epi-button-normal a {color: #003399 !important;
                      text-decoration: none !important }

.epi-button-rollover {background-color: #9cbfdd;
                      cursor: hand }

.epi-button-rollover table.rollover {background-color: #007BC6 }

.epi-button-rollover a {color: #FFFFFF !important;
                        text-decoration: none !important }

.epi-button-current,
.epi-button-current table.rollover {background-color: #9cbfdd }

.epi-button-current a {color: #000000 !important;
                       font-weight: bold;
                       text-decoration: none !important }

.epi-button-current-rollover {background-color: #9cbfdd;
                              cursor: hand }

.epi-button-current-rollover table.rollover {background-color: #007BC6 }

.epi-button-current-rollover a {color: #FFFFFF !important;
                                font-weight: bold;
                                text-decoration: none !important }

.epi-button-line {border-bottom: #999999 1px solid }

/* DEPRECATED MYSASK CLASSES - do not use in new code */

.imageborder {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}