/*************************************************************************************
PS Developer CSS Notes:

- This web site uses a 100% CSS based layout.
- There should be NO formatting references in the HTML
- All formatting references should be contained within the CSS
- Nearly all CSS entries should be replaced by Eprise variables
- Developers should note: The total height and width of a div is comprised of the height/width + padding + margin + border

- Notes key:
SS1 = Standard Skin Settings
SS2 = Advanced Skin Settings
LOCKED = Locked settings - not open for configuration

Each section should contain settings grouped by:
1 FONT
2 BACKGROUND
3 SIZE
4 PADDING
5 BORDER
6 LOCKED
7 OTHER (If necessary)
8 LINKS

Font-family options: Arial, Verdana, Helvetica, Tahoma, Trebuchet, Arial Black, Times New Roman
See this link: http://www.codestyle.org/css/font-family/sampler-WindowsResults.shtml

Regarding the use of redundant or overly specific references:

In many cases, settings are not listed because it is highly unlikely that the setting are needed in that particular section.
This may be because the style is already defined in parent or child elements or that it is unlikely the style would be necessary.
CSS settings can later be expanded based on overall feedback. It is known that there will be a need for a large amount of settings.
This core CSS is intended to only use CSS entries that are likely to be used. Settings are consolidate in the case of hyperlinks because it is unlikely that there is a need to differentiate other than link and hover styles.
(9/21/2009 WC)
*************************************************************************************/

/******************
STANDARD ELEMENTS
OVERALL PAGE STYLES
******************/

/***Prevent extra margin around header tages***/
h1,h2,h3,h4,h5,h6,h7					
{
margin: 0;							/*LOCKED*/
}

/********
PAGE BODY
********/

#ps-body
{
/***FONT***/ /***Unnecessary - already defined in parent and/or child elements***/
/***BACKGROUND***/
background-color: #FFFFFF;
background-image: url("/map_images/main/SiteGen/buext/Content/Uploads/Images/skin/bg.png");
background-repeat: repeat-x;
/***SIZE***/ 							/***N/A***/
/***PADDING***/ 						/***N/A***/
/***BORDER***/ 						/***N/A***/
/***LOCKED***/
margin: 0; 							/*LOCKED*/
padding: 0;			 				/*LOCKED*/
text-align: left;
}
/***LINKS***/ /***Unnecessary - already defined in parent and/or child elements***/

/*************
PAGE CONTAINER
*************/

#page_container
{
/***FONT***/ /***Unnecessary - already defined in parent and/or child elements***/
/***BACKGROUND***/
background-color: ;
background-image: url("");
background-repeat: no-repeat;
/***SIZE***/ 
width: 960px;
/***PADDING***/ /***Unnecessary - already defined in parent and/or child elements***/
/***BORDER***/
border-color: ;
border-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
/***LOCKED***/
margin-right: auto;						/*LOCKED*/
margin-left: auto;						/*LOCKED*/
/***OTHER***/
margin-top: 0px;
margin-bottom: 0px;
}

/***LINKS***/ /***Unnecessary - already defined in parent and/or child elements***/

/**********************************************************************
                                PAGE BOXES
**********************************************************************/

/*********
HEADER BOX
*********/

#box_header
{
/***FONT***/
font-family: arial,helvetica;
font-size:10px;
color:#979797;
/***BACKGROUND***/
background-color:;
background-image: url("");
background-repeat: no-repeat;
/***SIZE (Width must descrease when adding border or padding) ***/
height: 50px;
width: 960px;
/***PADDING***/
padding: 0px;
/***BORDER***/
border-color: #FFFFFF;
border-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 5px;
border-left-width: 0px;
float:left;							/*LOCKED*/
}

/***LINKS***/
#box_header a:link,
#box_header a:active,
#box_header a:visited
{
color: #979797;
text-decoration: none;
font-weight: normal;
}
#box_header a:hover
{
color: #E8F4FC;
text-decoration: none;
font-weight: normal;
}

/************
SUBHEADER BOX
************/

#box_subheader
{
/***FONT***/ /***Unnecessary - already defined in parent and/or child elements***/
/***BACKGROUND***/ /***!BACKGROUND-COLOR IS SET IN MAIN NAV SETTINGS BELOW!***/
/***SIZE (Width must descrease when adding border or padding) ***/
/***!HEIGHT IS SET IN MAIN NAV SETTINGS BELOW!***/
width: 960px;
/***PADDING***/
padding: 0px;
/***BORDER***/
border-color: ;
border-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
/***LOCKED***/
float:left;							/*LOCKED*/
}

/***LINKS***/ /***Unnecessary - already defined in parent and/or child elements***/

/*************
BODY CONTAINER
*************/

#body_container
{
/***FONT***/ /***Unnecessary - already defined in parent and/or child elements***/
/***BACKGROUND***/
background-color:;
background-image: url("");
background-repeat: no-repeat;
/***SIZE (Width must descrease when adding border or padding / CHILD WIDTHs MUST DESCREASE ALSO) ***/
width: 950px;
min-height: 500px; /* LOCKED */
/***PADDING***/
padding-top:5px;
padding-right:10px;
padding-bottom:5px;
padding-left:0px;
/***BORDER***/
border-color: ;
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
/***LOCKED***/
float: left;							/*LOCKED*/
}

/***LINKS***/ /***Unnecessary - already defined in parent and/or child elements***/

/***************************************
LEFT COLUMN BOX / RIGHT COLUMN BOX
BOTH COLUMNS SHOULD HAVE THE SAME STYLES
***************************************/

#box_col_left,
#box_col_right
{
/***FONT***/ /***Unnecessary - already defined in parent and/or child elements***/
/***BACKGROUND***/ /***Unnecessary - already defined in parent and/or child elements***/
/***SIZE (Width must descrease when adding border or padding) ***/
width: 200px;
/***PADDING***/
padding-top: 15px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
/***BORDER***/ /***Unnecessary - already defined in parent and/or child elements***/
/***LOCKED***/
float: left;							/*LOCKED*/					
}

/***LINKS***/ /***Unnecessary - already defined in parent and/or child elements***/

/***************************************************************
CENTER COLUMN BOX
CENTER COL DIV REFERENCE CHANGES IN HTML ACCORDING TO THE LAYOUT
***************************************************************/

#box_col_center_two_col,
#box_col_center_left_col,
#box_col_center_right_col,
#box_col_center_no_col,
#box_col_center_2_Col,
#box_col_center_L_Col,
#box_col_center_R_Col,
#box_col_center_0_Col
{
/***FONT***/
font-family: serif,serif;
font-size:18px;
color:#555555;
/***BACKGROUND***/ /***Unnecessary - already defined in parent and/or child elements***/
/***SIZE***/ /***This is set below***/
/***PADDING***/
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
/***BORDER***/ /***Unnecessary - already defined in parent and/or child elements***/
/***LOCKED***/
float: left;							/*LOCKED*/
}

/***SIZE (Width must descrease when adding border or padding) ***/
#box_col_center_two_col,#box_col_center_2_Col
{
width: 520px;
}
#box_col_center_left_col,
#box_col_center_L_Col,
#box_col_center_R_Col,
#box_col_center_right_col
{
width: 730px;
}
#box_col_center_no_col,
#box_col_center_0_Col
{
width: 940px;
}

#box_col_center_two_col h1,
#box_col_center_2_Col h1,
#box_col_center_left_col h1,
#box_col_center_L_Col h1,
#box_col_center_right_col h1,
#box_col_center_R_Col h1,
#box_col_center_0_Col h1,
#box_col_center_no_col h1
{
/***FONT***/
font-family:sans-serif,sans-serif;
font-size:28px;
color:#3386C9;
}

#box_col_center_two_col h2,
#box_col_center_left_col h2,
#box_col_center_right_col h2,
#box_col_center_no_col h2,
#box_col_center_2_Col h2,
#box_col_center_L_Col h2,
#box_col_center_R_Col h2,
#box_col_center_0_Col h2
{
/***FONT***/
font-family:sans-serif,sans-serif;
font-size:28px;
color:#3386C9;
}

/***LINKS***/
#box_col_center_two_col a:link,
#box_col_center_left_col a:link,
#box_col_center_right_col a:link,
#box_col_center_no_col a:link,
#box_col_center_two_col a:active,
#box_col_center_left_col a:active,
#box_col_center_right_col a:active,
#box_col_center_no_col a:active,
#box_col_center_two_col a:visited,
#box_col_center_left_col a:visited,
#box_col_center_right_col a:visited,
#box_col_center_no_col a:visited,
#box_col_center_2_Col a:link,
#box_col_center_L_Col a:link,
#box_col_center_R_Col a:link,
#box_col_center_0_Col a:link,
#box_col_center_2_Col a:active,
#box_col_center_L_Col a:active,
#box_col_center_R_Col a:active,
#box_col_center_0_Col a:active,
#box_col_center_2_col a:visited,
#box_col_center_L_Col a:visited,
#box_col_center_R_Col a:visited,
#box_col_center_0_Col a:visited
{
color: #CC0000;
text-decoration: none;
font-weight: normal;
}
#box_col_center_two_col a:hover,
#box_col_center_left_col a:hover,
#box_col_center_right_col a:hover,
#box_col_center_no_col a:hover,
#box_col_center_2_Col a:hover,
#box_col_center_L_Col a:hover,
#box_col_center_R_Col a:hover,
#box_col_center_0_Col a:hover
{
color: #CC0000;
text-decoration: underline;
font-weight: normal;
}

/***************
CENTER COLUMN BOX
BANNER AND TITLE
***************/

#box_col_center_banner
{
text-align: left;
}

#box_col_center_title
{
text-align: left;
}

/***************
FOOTER BOX
***************/

#box_footer
{
/***FONT***/
font-family: sans-serif,sans-serif;
font-size: 14px;
color:#A5A5A5;
/***BACKGROUND***/
background-color:#161920;
background-image: url("");
background-repeat: no-repeat;
/***SIZE (Width must descrease when adding border or padding) ***/
height: 40px;
width: 930px;
/***PADDING***/
padding: 0px;
/***BORDER***/
border-color: #000000;
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
/***LOCKED***/
clear: both;							/*LOCKED*/
}

/***LINKS***/
#box_footer a:link,
#box_footer a:active,
#box_footer a:visited
{
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}
#box_footer a:hover
{
color: #FFFFFF;
text-decoration: underline;
font-weight: normal;
}

/*********
SEARCH BOX
*********/

#box_search
{
/***FONT***/ /***Unnecessary - already defined in parent and/or child elements***/
/***BACKGROUND***/
background-color:;
/***SIZE (Width must descrease when adding border or padding) ***/
height: 45px;
width: 180px;
/***PADDING***/
padding: 0px;
/***BORDER***/
border-color: #f49a73;
border-style: none;
border-width: 1px;
}

/***LINKS***/ /***Unnecessary - already defined in parent and/or child elements***/

#search_textbox
{
/***FONT***/
font-family:arial,helvetica;
font-size:11px;
color:#2e0815;
/***SIZE***/
height: 16px;
width: 120px;
}

#search_button
{
/***NOTE: Button text should be configurable in SS2***/
/***FONT***/
font-family:arial,helvetica;
font-size:11px;
color:#2e0815;
/***SIZE***/
height: 22px;
width: 30px;
/***LOCKED***/
padding: 0;							/*LOCKED*/
}

/**********
LOGOUT LINK
**********/

#logout_link
{
/***Unnecessary - already defined in parent and/or child elements***/
}

/***LINKS***/
#logout_link a:link,
#logout_link a:active,
#logout_link a:visited
{
/***Unnecessary - already defined in parent and/or child elements***/
}
#logout_link a:hover
{
/***Unnecessary - already defined in parent and/or child elements***/
}

/**************
CONTENT SNIPPET
**************/

.content_snippet
{
/***FONT***/ /***Unnecessary - already defined in parent and/or child elements***/
/***BACKGROUND***/ /***Unnecessary - already defined in parent and/or child elements***/
/***SIZE (Width must descrease when adding border or padding) ***/
width: 190px;
/***PADDING***/ /***Unnecessary - already defined in parent and/or child elements***/
/***BORDER***/ /***Unnecessary - already defined in parent and/or child elements***/
/***OTHER***/
margin-bottom: 15px; /*SPACING BETWEEN CONTENT SNIPPETS*/
}

/***LINKS***/ /***Unnecessary - already defined in parent and/or child elements***/

/*********************
CONTENT SNIPPET HEADER
**********************/

.content_snippet_header
{
/***FONT***/
font-family:sans-serif,sans-serif;
font-size:22px;
font-weight:normal;
text-align: left;
color: #161920;
/***BACKGROUND***/
background-color:;
background-image: url("");
background-repeat: no-repeat;
/***SIZE***/ /***Unnecessary - already defined in parent and/or child elements***/
width: 190px;
/***PADDING***/
padding: 0px;
/***BORDER***/ 
border-color: #454545;
border-style: dotted;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}

/***LINKS***/ /***Unnecessary - already defined in parent and/or child elements***/

/*********************
CONTENT SNIPPET BODY
**********************/

.content_snippet_body
{
/***FONT***/
font-family:sans-serif,sans-serif;
font-size:16px;
text-align: left;
color:#959595;
/***BACKGROUND***/
background-color:;
background-image: url("");
background-repeat: no-repeat;
/***SIZE***/ /***Unnecessary - already defined in parent and/or child elements***/
width: 190px;
/***PADDING***/
padding: 0px;
/***BORDER***/
border-color: #D8D8D8;
border-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}

/***LINKS***/
.content_snippet_body a:link,
.content_snippet_body a:active,
.content_snippet_body a:visited
{
color: #959595;
text-decoration: normal;
font-weight: normal;
text-align: left;
}
.content_snippet_body a:hover
{
color: #161920;
text-decoration: normal;
font-weight: normal;
text-align: left;
}

td.content_snippet_body,
#theID td
{
text-align: left;
}

/*******
MAIN NAV
*******/

#main_nav
{
/***FONT***/
font-family: sans-serif,sans-serif;
font-size: 17px;
/***POSITION***/
float: right;
}

#box_subheader
{
height: px;
background-color:;
background-image: url("");
background-repeat: no-repeat;
}

#main_nav_list
{
margin-top: 17px;
margin-right: 0;						/*LOCKED*/ /*Because we want 0 margin right of the UL*/
margin-left: 0;						/*LOCKED*/ /*Because we want 0 margin left of the UL*/
/*DO NOT SET A MARGIN-BOTTOM 0 ELSE IE6 + IE7 WILL NICELY LOP OFF YOUR BOTTOM BORDER IF YOU HAVE ONE*/
padding: 0;							/*LOCKED*/ /*Because we want 0 padding around the UL*/
}

#main_nav li
{
display: inline;						/*LOCKED*/ /*This makes this UL display horizontal*/
list-style-type: none;					/*LOCKED*/ /*Because this UL is not using bullets*/
}

#main_nav a
{
padding-top: 10px;
padding-right: 12px;
padding-bottom: 10px;
padding-left: 12px;
font-size: 17px; /*RED-1683 font size for ViewTask.html*/
}

#main_nav a:link,
#main_nav a:visited
{
color: #979797;
background-color: ;
text-decoration: none;
border-top: 0px;
border-right: 0px;
border-bottom: 0px;
border-left: 0px;
border-style: none;
border-color: ;
}

#main_nav #active a,
#main_nav a:active,
#main_nav a:hover
{
color:#E8F4FC;
background-color: ;
text-decoration: none;
border-top: 0px;
border-right: 0px;
border-bottom: 0px;
border-left: 0px;
border-style: none;
border-color: ;
}




/*******
SUB NAV
*******/

#sub_nav
{
width: 200px;
margin-bottom: 10px;
font-size: 18px;
font-family: sans-serif,sans-serif;
}

#sub_nav_list
{
margin: 0;						/*** LOCKED ***/
}

#sub_nav ul
{
margin-left: 0;					/*** LOCKED ***/					
padding-left: 0;					/*** LOCKED ***/
}

#sub_nav_list li
{
list-style: none;					/*** LOCKED ***/
margin-bottom: 5px;					
}

#sub_nav_list a
{
display: block;					/*** LOCKED ***/
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 20px;
width: 180px;
}

#sub_nav_list a,
#sub_nav a:link,
#sub_nav a:visited
{
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
text-decoration: none;
border-style: solid;
border-color: #000000;
color: #979797;
background-color: #1B202F;
}

#sub_nav #current a,
#sub_nav a:active,
#sub_nav a:hover
{
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
text-decoration: none;
border-style: solid;
border-color: #000000;
color: #E8F4FC;
background-color: #1B202F;
}

.sub_nav_header
{
/***FONT***/
font-family:sans-serif,sans-serif;
font-size:16px;
font-weight:normal;
text-align: center;
color: #979797;
/***BACKGROUND***/
background-color:;
background-image: url("");
background-repeat: repeat;
/***SIZE***/ /***Unnecessary - already defined in parent and/or child elements***/
width: px;
/***PADDING***/
padding: px;
/***BORDER***/ 
border-color: #EF6A31;
border-style: dashed;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
/***MARGIN***/ 
margin-bottom: 7px;
}

/*******
CALENDAR
*******/

.calendar_prevdatetitle img,
.calendar_nextdatetitle img
{
border: 0;
}

.calendar_prevdatetitle
{
color: #2e0815;
text-align: center;						/*LOCKED*/
font-size: 12px;
font-weight: bold;						/*LOCKED*/
}

.calendar_prevdatetitle:hover
{
color: #2e0815;
background-color: ;
}

.calendar_datetitle
{
color: #454545;
text-align: center;						/*LOCKED*/
font-size: 30px;
font-weight: bold;						/*LOCKED*//
}

.calendar_nextdatetitle
{
color: #2e0815;
text-align: center;						/*LOCKED*/
font-size: 12px;
font-weight: bold;						/*LOCKED*/
}

.calendar_nextdatetitle:hover
{
color: #2e0815;
background-color: ;
}

td.calendar_head
{
background-color: #696969;
color: #ffffff;
text-align: center;						/*LOCKED*/
font-size: 14px;
font-weight: bold;						/*LOCKED*/
}

td.calendar_shade_nd
{
background-color: #333333;				/*SS1*/
}

td.calendar_shade_d
{
background-color: #FFFFFF;				/*SS1*/
}

td.calendar_date
{
font-size: 12px;
color:#696969;
}

.calendar_data_link
{
font-size: 12px;
text-decoration: none;					/*LOCKED*/
color: #696969;
}

.calendar_data_link:hover
{
color: #696969;
text-decoration: none;
}

td.calendar_data
{
padding-left: 5px;
}

/***
BLOG
***/

#blog
{

}

#blog img
{
border: 0;							/*LOCKED*/
}

#blog h1
{
font-size: 24px;
font-family: trebuchet ms,georgia;
color: #454545;
}

/***LINKS***/
#blog a:link,
#blog a:active,
#blog a:visited
{
color: #696969;						
text-decoration: underline;					
font-weight: bold;						/*LOCKED*/					
}
#blog a:hover
{
color:#696969;							
text-decoration: underline;				
font-weight:bold;						/*LOCKED*/				
}

.blog_date_box
{
font-size: 9px;
font-family: arial,helvetica;
color: #ffffff;
text-align: center;						/*LOCKED*/
background-color: #ef6a31;
width: 35px;
float: left;							/*LOCKED*/
margin-right: 10px;						/*LOCKED*/
margin-top: 8px;						/*LOCKED*/
margin-bottom: 8px;						/*LOCKED*/
}

.blog_entry_list_item
{
border-top-width: 1px;			/*LOCKED*/
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-style: dotted;					/*LOCKED*/
clear: left;							/*LOCKED*/
}

.blog_title
{
margin-top: 8px;
}

.blog_comments
{
text-align: right;
}

/********************
FAQ / ANNOUNCEMENT LISTINGS
********************/

#faq
{

}

#faq h1
{
font-size: 24px;
font-family: trebuchet ms,trebuchet ms;
color: #454545;
}

#faq img
{
border: 0;							/*LOCKED*/
}

/***LINKS***/
#faq a:link,
#faq a:active,
#faq a:visited
{
color: #696969;						
text-decoration: underline;					
font-weight: bold;						/*LOCKED*/						
}
#faq a:hover
{
color:#696969;							
text-decoration:underline;				
font-weight:bold;						/*LOCKED*/				
}

.faq_date_box
{
font-size: 9px;
font-family: arial,helvetica;
color: #ffffff;
text-align: center;						/*LOCKED*/
background-color: #ef6a31;
width: 35px;
float: left;							/*LOCKED*/
margin-right: 10px;						/*LOCKED*/
}

.faq_entry_list_item
{
border-top-width: 1px;					/*LOCKED*/
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-style: dotted;					/*LOCKED*/
clear: left;							/*LOCKED*/
padding-top: 10px;
padding-bottom: 10px;
}


/***************
DOCUMENT LISTING
***************/

#document_listing
{

}

#document_listing img
{
border: 0;							/*LOCKED*/
}

#document_category
{
font-size: 20px;
font-family: sans-serif,arial;
color: #FFFFFF;
background-color: #000000;
}

#document_list table
{
border-collapse: collapse;				/*LOCKED*/
}

#document_list tr
{

}

#document_list td
{
padding-right: 10px;					/*LOCKED*/
}

/***LINKS***/
#document_listing a:link,
#document_listing a:active,
#document_listing a:visited
{
color: ;						
text-decoration: none;					
font-weight: bold;						/*LOCKED*/					
}
#document_listing a:hover
{
color:;							
text-decoration: none;				
font-weight:bold;						/*LOCKED*/						
}

/********************
RC FIX FOR NUMBERED TASK LIST
********************/
.rcTaskList ol li 
{
list-style-type:none;
margin-left: 0px;
padding-left: 0px
}

.content_snippet_body ol li
{
list-style-type:none;
margin-left: 0px;
padding-left: 0px
}

.rcTaskList ol 
{ 
margin-left: 0px; 
padding-left: 0px 
} 


/*********************************
FIXES NEW LEAF MENU IE7 ISSUE
*********************************/
#leafToolbar hr { width:80px !important; text-align: center; }


/*********************************
YUI PANEL
*********************************/
#examplecontainer {
        padding:10px;
    }
 
    #resizablepanel .bd {
        overflow:auto;
        background-color:#fff;
        padding:10px;
    }
 
    #resizablepanel .ft {
        height:15px;
        padding:0;
    }
     #resizablepanel .hd {
         font-size: 11px;
         font-family: arial;
   }

    #resizablepanel .yui-resize-handle-br {
        right:0;
        bottom:0;
        height: 8px;
        width: 8px;
        position:absolute;
    }
  #resizablepanel_c.hide-scrollbars .yui-resize .bd {
        overflow: hidden;
    }
 
    #resizablepanel_c.show-scrollbars .yui-resize .bd {
        overflow: auto;
    }
#resizablepanel_c.show-scrollbars .underlay {
        overflow: visible;
    }


/**********************************
CSS For Job Search Result Page
**********************************/

#SRTJobSearchListings
{
clear: both;
border-color: #9A9A9A; 
border-style: solid;
border-top-width: 0px;	 /**Needs to be editable in Portal Studio **/
border-right-width: 0px;	/**Needs to be editable in Portal Studio **/
border-bottom-width: 1px;	/**Needs to be editable in Portal Studio **/
border-left-width: 0px;	/**Needs to be editable in Portal Studio **/
}


#SRTResultTitle_On
{
font-family: arial;
font-size: 12px;
color:#000000;
font-style:normal;
font-weight:normal;
text-decoration: none;
padding-top:15px;
padding-right:0px;
padding-bottom:10px;
padding-left:0px;
}

.SRTResultNumber
{
font-family: arial;
font-size: 12px;
color:#000000;
font-style:normal;
font-weight:bold;
text-decoration: none;
}

.SRTJobResults_On
{
clear: both;
/***BORDER***/
border-color: #9A9A9A; 
border-style: solid;	

border-top-width: 1px;	/**Needs to be editable in Portal Studio **/
border-right-width: 0px;	/**Needs to be editable in Portal Studio **/
border-bottom-width: 0px;	/**Needs to be editable in Portal Studio **/
border-left-width: 0px;	/**Needs to be editable in Portal Studio **/

padding-top:15px;
padding-right:0px;
padding-bottom:15px;
padding-left:0px;
}

.SRTJobHeader_On
{
padding-top:0px;
padding-right:0px;
padding-bottom:5px;
padding-left:0px;
}

.SRTJobTitle_On
{
font-family: arial;
font-size: 12px;
color:#000000;
font-style:normal;
font-weight:normal;
text-decoration: none;
}

.SRTJobHeaderDash1_On,
.SRTJobHeaderDash2_On
{
font-family: arial;
font-size: 12px;
color:#000000;
}

.SRTJobTrackNum_On
{
font-family: arial;
font-size: 12px;
color:#000000;
font-style:normal;
font-weight:normal;
text-decoration: none;
}

.SRTJobLoc_On
{
font-family: arial;
font-size: 12px;
color:#000000;
font-style:normal;
font-weight:normal;
text-decoration: none;
}

.SRTJobCat_On
{
clear:both;
padding-top:0px;
padding-right:0px;
padding-bottom:5px;
padding-left:0px;
font-family: arial;
font-size: 12px;
color:#000000;
font-style:normal;
font-weight:normal;
text-decoration: none;
}

.SRTJobDescpt_On
{
clear:both;
font-family: arial;
font-size: 12px;
color:#000000;
font-style:normal;
font-weight:normal;
text-decoration: none;
}

.SRTJobPostDate_On
{
clear:both;
text-align:right !important; 
padding-top:5px;
font-family: arial;
font-size: 12px;
color:#000000;
font-style:normal;
font-weight:normal;
text-decoration: none;
}

.SRTJobPostDateNum
{
font-family: arial;
font-size: 12px;
color:#000000;
font-style:italic;
font-weight:normal;
text-decoration: none;
}

.SRTJobHeaderDash1_Off,
.SRTJobHeaderDash2_Off
{
display:none;
}

.SRTJobDescpt_Off
{
display:none;
}

.SRTJobTrackNum_Off
{
display:none;
}

.SRTJobLoc_Off
{
display:none;
}

.SRTJobCat_Off
{
display:none;
}

#SRTResultTitle_Off
{
display:none;
}

.SRTJobPostDate_Off
{
display:none;
}


#breadcrumbs {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  font-size: 18px;
  font-family: sans-serif,sans-serif;
  color: #000000;
  background-color: ;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
}


#breadcrumbs a, a:link, a:visited {
   color: #000000;
   text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
}

#breadcrumbs a:hover {
   color: #000000;
   text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
}

 .breadcrumb_item {
  color: #000000;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
 }

#panel_popout_c {
 display:none; 
} 

/********************
SKIN DEFINED CSS OVERRIDES FROM ADVANCED SKIN SETTINGS
********************/
#pslogo {
margin-top:27px !Important;
}

#nav_main {
float:right !Important;
margin-top:-56px !important;
}

#nav_main a {
font-family:"PT Sans", sans-serif !important;
font-weight:400 !Important;
text-transform:uppercase;
}

#nav_main ul li a {
padding: 10px 12px !important;
}

#nav_main > ul > li:not(:last-child) > a {
border-right:none !important;
border-bottom: none !important;
}

#nav_main > ul > li:hover > a {
color: #E8F4FC !important;
}

#nav_main_list li:first-child {
display:none !Important;
}
/**main body**/
#box_col_center_two_col, #box_col_center_left_col, #box_col_center_right_col, #box_col_center_no_col, #box_col_center_2_Col, #box_col_center_L_Col, #box_col_center_R_Col, #box_col_center_0_Col {
font-family:"Vollkorn", serif;
line-height:20px;
}

#box_col_center_two_col h2, #box_col_center_left_col h2, #box_col_center_right_col h2, #box_col_center_no_col h2, #box_col_center_2_Col h2, #box_col_center_L_Col h2, #box_col_center_R_Col h2, #box_col_center_0_Col h2 {
font-family:"PT Sans", sans-serif !important;
font-weight:400;
}

#body_container {
margin-top:50px !important;
}

.content_snippet_header, .content_snippet_body, .content_snippet {
font-family:"PT Sans", sans-serif !important;
}

.content_snippet_header {
border-bottom:1px solid #d8d8d8;
padding-bottom:10px !important;
}

.content_snippet li {
border-bottom:1px solid #d8d8d8;
list-style-type:none;
padding:10px 0 10px !Important;
}
.content_snippet a {
font-size:18px !important;
}

.content_snippet ul {
padding-left:0px !important;
margin-top:0px !important;
}

#box_footer {
font-family:"PT Sans", sans-serif !important;
}

/********************
USER DEFINED CSS OVERRIDES
********************/<b>Unable to include file /RedCarpetDotNet/Portal/TurboTask/TurboTask.css</b><br />/********************
RESPONSIVE CSS OVERRIDES
********************/


/*
 Resets for responsive large
*/


#page_container {
        width: 95%;
}

#body_container , #main_header, #box_footer {
   /* margin: 0em 2em; */
    margin-left: auto;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    padding: 0;
   width: 100%;
}

#body_container {
   margin-top: 2%;
    padding-top:5px;/***BACKGROUND***/
   /* So footer doesnt cover bottom content*/
   padding-bottom: 40px;
}

 #nav_main {
    margin:0;
    clear:both;
 }

  /* if this was showing */
#body_container  ul#sub_nav_list {
    padding: 2px 0px;
 }

  /* but it's not */
 #body_container ul#sub_nav_list {
    display:none;
 }

 #box_header {
    clear: both;
    height:100%;
    margin:0;
    width:auto;
    float: none;
 }

#box_header:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

#nav_main, #nav_main ul {
    /* need these to be auto to line up with body_container*/
      width: auto; 
}

#box_footer {
     position: fixed;
     bottom: 0;
}

footer  {
   text-align: center;
}

footer > div {
     margin-left: auto;
     margin-right: auto;
     clear: both;
     margin-top: 8px;


}

  #box_col_center_no_col, #box_col_center_0_Col {
      width:98%;
       margin-left: 1%;
       margin-right: 0;
       padding: 0 0 1% 0;
  }

  #box_col_center_L_Col, #box_col_left {
       width: 20%;
       margin-left: 1%;
       margin-right: 0;
       padding: 0 0 1% 0;
       background-image: none; 
       float:left;
  }

  #box_col_center_R_Col, #box_col_right {
       width: 19%;
       margin-left: 1%;
       margin-right: 1%;
       padding: 0 0 1% 0;
       background-image: none; 
       float:right;
  }

   #box_col_center_right_col,  #box_col_center_left_col {
       width:70%;
       margin-left: 2%;
       margin-right: 2%;
       padding: 0 0 1% 0;
       background-image: none; 
       float:left;
  }


  #box_col_center_two_col, #box_col_center_2_Col {
       width: 70%;
       margin-left: 2%;
       margin-right: 1%;
       padding: 0 0 1% 0;
       float:left;
  }

   #box_col_center_left_col p, #box_col_center_two_col p, #box_col_center_2_Col p {
       width:98%;
       padding: 1%;

  }


#box_col_left  + #box_col_center_two_col {
       width: 55%;
 } 

 
  #pslogo {
     width: 40%;
     float: left;
  }

  nav#breadcrumbs {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  clear: both;
  }


#box_search {
    height: 100%;
    width: 40%;
    padding: 0px;
    float: right;
    margin: 0 0 2% 2%;
    border :none;
}



#logout_link {
    float: right;
    /* height: 40%; */
    width: 40%;
   /* margin: 0 0 1% 2%;*/
    margin: 1% 0 1% 2%;
    padding: 0;
}

#box_header #box_search + #logout_link {
    margin: 0 0 1% 2%; 
}

 #logout_link >a , 
 #logout_link >a:link, 
 #logout_link >a:visited {
       width: 100px;
       height: 22px;
       background: -moz-linear-gradient(center top, #f3f3f3 0%, gainsboro 100%);
       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, gainsboro));
       background: -webkit-linear-gradient(top, #f3f3f3 0%, gainsboro 100%);
       background: -o-linear-gradient(top, #f3f3f3 0%, gainsboro 100%);
       background: -ms-linear-gradient(top, #f3f3f3 0%, gainsboro 100%);
       box-shadow: 0 1px 2px 0 #777777;
       -webkit-box-shadow: 0 1px 2px 0 #777777;
       -moz-box-shadow: 0 1px 2px 0 #777777;
       border-style: solid;
       border-width: 0px;
       border-radius: 6px;
       cursor: pointer !important;
      /***NOTE: Button text should be configurable in SS2***/
      /***FONT***/
      font-family:arial,helvetica;
      font-size:11px;
      color:#2e0815;
     /*  line-height: 1; */
       margin: 0 0 20px;
       position: relative;
       text-decoration: none;
       text-align: center;
       text-shadow: 1px 1px 0px white;
       padding: 6px 15px;
       background-color: gainsboro;
       margin: 5px 10px 5px 0;
 }

 #box_search input[type="button"],  #box_search input[type="submit"] {
       background: -moz-linear-gradient(center top, #f3f3f3 0%, gainsboro 100%);
       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, gainsboro ));
       background: -webkit-linear-gradient(top, #f3f3f3 0%, gainsboro 100%);
       background: -o-linear-gradient(top, #f3f3f3 0%, gainsboro 100%);
       background: -ms-linear-gradient(top, #f3f3f3 0%, gainsboro 100%);
       box-shadow: 0 1px 2px 0 #777777;
       -webkit-box-shadow: 0 1px 2px 0 #777777;
       -moz-box-shadow: 0 1px 2px 0 #777777;
       border-style: solid;
       border-width: 0px;
       border-radius: 6px;
       cursor: pointer !important;
      /***NOTE: Button text should be configurable in SS2***/
      /***FONT***/
      font-family:arial,helvetica;
      font-size:11px;
      color:#2e0815;
      /***SIZE***/
      /* Search Button Width can look bad if set too small*/
      height: 22px;
      width: 30px;
       line-height: 1;
       margin: 0 0 20px;
       position: relative;
       text-decoration: none;
       text-align: center;
       text-shadow: 1px 1px 0px white;
      /* padding: 6px 15px; */
       background-color: gainsboro ;
       margin: 5px 10px 5px 0;
 }


  .content_snippet, .content_snippet_header, .content_snippet_body {
    width: auto;
 }


/* I think this looks better for the layouts with dates. */
/* The dates will float underneath, but at least they will be more easily read. */

  .content_snippet_body td {
     width:auto;
     word-wrap: break-word;
     display:inline;
 }

  .content_snippet_body td:last-child {
     float: right;
 }

  .content_snippet_body td:first-child {
      float: left;
  }

  #box_col_center_banner {
      margin-top: 2px;
  }

  .content_snippet {
      margin-top: 2px;
  }

/*
 New Responsive styles for nav
*/


#nav_main {
    font-family: sans-serif,sans-serif;
    font-size: 17px;
}


#nav_main a, #nav_main a:link, #nav_main a:hover,#nav_main a:visited,  #nav_main a:active {
    font-family: sans-serif,sans-serif;
    font-size: 17px;
}




@media only screen and (min-width : 876px) {



#nav_main > a {
   display: none;
}

#nav_main {
    float:left;
}

#nav_main ul {
    list-style: none;
     *zoom: 1;
     background-color: ;
     position: relative;
    float: left;
   margin: 1em 0 0 0;
   padding:0;
}

#nav_main:after {
    clear: both;
}

#nav_main ul li a {
    padding: 10px 15px;
    color: #979797;
    background-color: ;
    *zoom: 1;
    float: left;
    text-decoration: none;
}

#nav_main > ul > li {
    float: left;
    z-index: 200;
    height: 100%;
}


/* second level */
 
#nav_main li ul {
   display: none;
   position: absolute; 
   top: 100%;
  margin:0;
  width:20%;
}

#nav_main li:hover ul {
   display: block;
    z-index: 100;
}


#nav_main> ul > li:not( :last-child ) > a {
   border-right: 1px solid ;
}

/*
#nav_main li ul {
    position: absolute;
    left: -9999px;
    z-index: 100;
}
*/


#nav_main li ul li {
    width:100%;
}

#nav_main li li a {
    display: block;
    background-color: #1B202F;
    color: #979797;
    position: relative;
    z-index:100;
    border-top: 1px solid #000000;
    width: 100%;
    text-decoration: none;
}

#nav_main li li li a {
    background-color: #1B202F;
    color: #979797;
    z-index:200;
    border-top: 1px solid #000000;
    width: 100%;
}


  #nav_main li ul li a:hover,
  #nav_main li ul:not( :hover ) li.active a {
        color: #E8F4FC;
        background-color: #1B202F;
  }





#nav_main > ul > li:hover {
      color:#E8F4FC;
      background-color: ;
}


#nav_main > ul > li:hover > a,
#nav_main > ul:not( :hover ) > li.active > a {
       color: #979797;
       background-color: ;
}





 #footer_extra {
     display: none;
  }

}    /*end Media query min-width : 876px */



@media only screen and ( max-width: 875px) /* 1000 */
{


  #nav_main {
         width: 60em; /* 1000 */
         font-family: 'Open Sans', sans-serif;
         font-weight: 400;
         position: absolute;
         top: 25%;
         left: 50%;
         margin-left: -30em; /* 30 480 */
  }

  #nav_main a {
      text-decoration: none;
  }

  #nav_main li {
   list-style : none;
  }


 #nav_main > a {
         display: none;
  }

  #nav_main li {
         position: relative;
  }

  #nav_main li a {
         color: #979797;
         background-color: ;
         display: block;
  }

  #nav_main li a:active {
         color: #979797;
         background-color: ;
  }

  #nav_main span:after {
         width: 0;
         height: 0;
         border: 0.313em solid transparent; /* 5 */
         border-bottom: none;
         border-top-color: pink;
         content: '';
         vertical-align: middle;
         display: inline-block;
         position: relative;
         right: -0.313em; /* 5 */
  }

 /* Bag the bread crumbs */
  nav#breadcrumbs {
     display:none;
  }

  /* first level */

  #nav_main > ul {
    /*height: 3.75em; */
       color: #979797;
       background-color: ;
  }

  #nav_main > ul > li {
     width: 25%;
     height: 100%;
     float: left;
  }

  #nav_main > ul > li > a {
     height: 100%;
     font-size: 1.5em; /* 24 */
     line-height: 2.5em; /* 60 (24) */
     text-align: center;
  }
 
  #nav_main > ul > li:not( :last-child ) > a {
      border-right: 1px solid blue;
  }

  #nav_main > ul > li:hover > a,
  #nav_main > ul:not( :hover ) > li.active > a {
       color: #E8F4FC;
       background-color: ;
  }


 /* second level */

 #nav_main li ul {
     color: #979797;
     background-color: #1B202F;
     display: none;
     position: absolute;
     top: 100%;
 }

  #nav_main li:hover ul {
     display: block;
     left: 0;
     right: 0;
  }
    		
  #nav_main li:not( :first-child ):hover ul {
      left: -1px;
  }

  #nav_main li ul a {
      font-size: 1.25em; /* 20 */
      border-top: 1px solid #000000;
      padding: 0.75em; /* 15 (20) */
     color: #979797;
     background-color: #1B202F;

  }

  #nav_main li ul li a:hover,
  #nav_main li ul:not( :hover ) li.active a {
        color: #E8F4FC;
        background-color: #1B202F;
  }



  #nav_main {
    width: 100%;
    position: static;
    margin: 0;
  }

  #nav_main {
    position: relative;
    top: auto;
    left: auto;
  }
   
  #nav_main > a {
     width: 3.125em; /* 50 */
     height: 3.125em; /* 50 */
     text-align: left;
     text-indent: -9999px;
     background-color:;
     position: relative;
     margin-left: 1em;
  }

  #nav_main > a:before,
  #nav_main > a:after {
     position: absolute;
     border: 2px solid #979797;
     top: 35%;
     left: 25%;
     right: 25%;
     content: '';
  }

 #nav_main > a:after {
     top: 60%;
 }

 #nav_main:not( :target ) > a:first-of-type,
 #nav_main:target > a:last-of-type {
     display: block;
 }


  /* first level */

 #nav_main > ul {
    height: auto;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
 }

#nav_main:target > ul {
     display: block;
     z-index: 200;
 }


 #nav_main > ul > li {
     width: 100%;
     float: none;
 }

 #nav_main > ul > li > a {
     height: auto;
     text-align: left;
     padding: 0 0.833em; /* 20 (24) */
  }

 #nav_main > ul > li:not( :last-child ) > a {
      border-right: none;
      border-bottom: 1px solid #cc470d;
 }


  /* second level */

  #nav_main li ul {
     position: static;
     padding: 1.25em; /* 20 */
     padding-top: 0;
  }

  #box_footer {
      height: 80px;
  }

#body_container {
      padding-bottom: 80px;
}


 #footer_extra {
     display: block;
    margin: 1% 0 0 0;
    height: 50%;
  }

  #box_header > #box_search {
    display:none;
  }

  #box_header > #logout_link {
    display:none;
  }

 footer  #box_search {
      height: 100%; 
       width: 50%; 
      padding: 0px;
      float: left;
      margin: 0 0 0 2%;
      border: none;
  }

   footer #logout_link {
       float: right;
/*       height: 40%;  */
       width: 40%;
       margin: 1% 0 0 0;
       padding: 0;
  }

 footer > box_search {
    display:inline;
 }

  footer > div {
       margin:0px;
       clear:both;
       height: 50%;
  }

}   /*end Media query max-width : 875px */





/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 875px) {


    #body_container {
        width: 100%;
    }

    #page_container {
        width: 100%;
    }

    #body_container p {
        width:100%;
   }

    #box_col_center_L_Col, #box_col_center_R_Col, #box_col_center_right_col,#box_col_left, #box_col_right {
          width: 96%;

    }

     #box_col_center_left_col, #box_col_center_two_col, #box_col_center_2_Col {
          width: 96%;
    }

  #box_col_center_no_col, #box_col_center_0_Col {
          width: 96%;
    }

  #box_col_center_R_Col, #box_col_right {
       float:left;
  }

    #sub_nav , #sub_nav_list a {
          width: 96%;
          margin: 1%;
         padding: 1%;

    }

   .content_snippet, .content_snippet_header, .content_snippet_body {
        width: 96%;
        margin: 1%;
         padding: 1%;
   }

  #box_footer {
      height: 80px;
  }

 #footer_extra {
     display: block;
    margin: 1% 0 0 0;
  }

  #box_header > #box_search {
    display:none;
  }

  #box_header > #logout_link {
    display:none;
  }



 footer  #box_search {
       width: 40%; 

  }



   footer #logout_link {
       float: right;
  /*     height: 40%; */
       width: 40%;
       margin: 1% 0 0 2%;
       padding: 0;
  }

 footer > box_search {
    display:inline;
 }

  footer > div {
       margin:0px;
       clear:both;

  }

  .content_snippet, .content_snippet_header, .content_snippet_body {
      margin: 0 0 1% 0;

  }

#box_col_left  + #box_col_center_two_col {
       width: 90%;
 } 

}   /*end Media query max-width : 875px */

/* Smartphones (really small sizes) ----------- */
@media only screen and (max-width : 465px) {

  footer #search_textbox {
     width: 100px;
  }

}   /*end Media query max-width : 465px */


/* Smartphones (really small sizes) ----------- */
@media only screen and (max-width : 440px) {

  footer #search_textbox {
     width: 80px;
  }

#box_col_left  + #box_col_center_two_col {
       width: 90%;
 } 

}   /*end Media query max-width : 440px */



/********************
SKIN DEFINED CSS OVERRIDES RESP FROM ADVANCED SKIN SETTINGS
********************/
#page_container {
width:90% !important;
max-width:1160px;
}

#box_col_center_no_col, #box_col_center_0_Col {
width:96% !important;
}

#box_col_center_L_Col {
width:99% !Important;
}

@media screen and (max-width: 850px) {
   #nav_main {
        margin-top:15px !Important;
    }
}

/********************
USER DEFINED CSS OVERRIDES
********************/