/* CSS Document */



/* @group Global Styles */

/*******************************
THIS WAS FIXED 4/1/09 WWC.
BELOW CSS REFERENCE WAS SET TOO BROADLY.
CHANGED FROM * (MEANING EVERY ELEMENT)
TO DL, H1 TO MAKE THIS FIX SPECIFIC TO THE
NAVIGATION AREA.
*******************************/

DL, H1{
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
}


html {
}

body, li {
	font: 12px verdana;
}

p {
	font: 12px verdana;
	margin-bottom: 10px;
}


img {
	border: none;
}

.SRActionLink a:link {
	vertical-align: top;
	line-height: 16px;
}

/* SRMainContainer defines the outer page information */

#SRWrapper {
	width: 900px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

#SRPage {
	width: 100%;
	height: 100%;
}

/* @end */

/* The header grouping here contains all styles for the header area */

/* @group Header */

/* the very top bar in the header */

#SRHeader {
	width: 900px;
	overflow: visible !important /*Firefox*/;
	overflow: hidden /*IE6*/;
}

/* the colored area between the upper banner and the nav bar */

#SRColorBlock {
	overflow: visible !important /*Firefox*/;
	overflow: hidden /*IE6*/;
}

/* the main nav bar grouping here defines the  */

/* @group Navigation Bar */

#SRNavigation {
	height: 42px;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
}

/* This style defines the navigation bar itself */

#SRNavWrapper #SRTopNav {
	display: block;
	height: 42px;
	width:900px;
}

/* defines the container for the buttons on the nav bar*/

#SRNavWrapper #SRTopNav ul {
	margin: 0px;
	padding: 0;
	list-style-type: none;
	width: auto;
	height: 42px;
}

/* the acctual nav bar buttons in */

#SRNavWrapper #SRTopNav ul li {
	display: inline;
	float: left;
	height: 42px;
}

/* nav bar button text */

#SRNavWrapper #SRTopNav ul li a {
	display: block;
	float: left;
	text-decoration: none;
	font-family: verdana;
}

/* nav bar button text actions */

#SRNavWrapper #SRTopNav ul li a:hover,#SRNavWrapper #SRTopNav ul li a.current {
	
}

/* @end */


/* @end */



/* @group main content */

/* @group General */

/* padding area for the middle of tha page */
/*
#SRContent {
	overflow: visible !important /*Firefox*/;
	overflow: hidden /*IE6*/;
	min-height: 400px;
}
*/


/* eprise main image */

.SRContentImageRight img {
	clear: right;
	float: right;
	margin: 8px 8px 20px 20px;
	height: auto;
	width: auto;
}

.SRContentFrameTitle {
	font-size: 13px;
	font-weight: bold;
	font-family: verdana;
	padding-bottom: 8px;
}

/* links in the title of sections of the page */

.SRContentFrameTitle a, .SRContentFrameTitle a:visited {
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	font-family: verdana;
	padding-bottom: 8px;
}

/* links in the title of sections of the page */

.SRContentFrameTitle a:hover {
	font-size: 13px;
	font-weight: bold;
	font-family: verdana;
	padding-bottom: 8px;
	text-decoration: underline;
}



/* padding and container for all major sections */

.SRContentFrame {
	padding: 14px;
}

.SRNote {
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
}

/* This style is used to float things to the right in the body links list */

.SRNoteFloatRight {
	float: right;
	margin-bottom: 10px;
	clear: right;
}

/* this is a dumb IE hack that has to be performed for some god unknown reason */

#SRSubContentArea .SRNoteFloatRight {
	margin-top: 10px;
	margin-bottom: 0px;
}

/* @end */

/* @group main column */

#SRMainContentArea {
	margin-bottom: 20px;
}

/* @group Bottom area */

/* main container to split the main content area in two */

#SRSubContentArea {
	clear: right;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#SRSubContentTable {
	
}

.SRSubContentColumn {
	float: left;
	min-height: 10px;
	margin-bottom: 10px;
}

.SRSubContentColumn.SRThreeColumn {
	width: 33%;
}

.SRSubContentColumn.SRTwoColumn {
	width: 49%;
}

/*Added by CGG */
.RSSubContentListArea {
	padding-bottom: 20px;
	clear: right;
}

.SRListItem {
	margin-bottom: 8px;
	clear: right;
}

/* @end */

/* @group top area */

#SRMainContentBanner {
	clear: both;
	margin-bottom: 10px;
	overflow: hidden;
	height: auto;
}

#SRMainContentBanner img {
	display: block;
    margin-left: auto;
    margin-right: auto;
	
}


/* @end */



/* @end */

/* @group navigation column */

#SRNavColumn {
	min-height: 230px;
}

/* @end */



/* @group Form Styles */

/* container for all forms in the main content area */

.SRFormRow {
	margin-bottom: 12px;
	margin-left: 150px;
}

/* label for the form fields */

.SRFormRow span {
	font-weight: bold;
	vertical-align: bottom;
}

/* all input tags */

.SRFormRow input {
	width: 200px;
	height: 20px;
}

/* all select fields */

.SRFormRow select {
	width: 200px;
	height: 20px;
}

/* form button container to align buttons */

.SRFormButtons {
	margin-left: 325px;
	margin-top: 10px;
	margin-bottom: 30px;
}

/* form button container to align buttons for comments */

.SRCommentFormButtons {
	margin-left: 435px;
	margin-top: 10px;
	margin-bottom: 30px;
}


/* @end */



/* @group Contacts Results Table */

/* table id that lists out all contacts */

#SRContactsResults {
	width: 100%;
}

/* padding on the cells in contacts table */

#SRContactsResults td {
	padding: 10px;
}

/* not used currently for styling but for color */

#SRContactsResults tr.SRContactsResultsOddRow {
	
}

/* not used for styling but for color */

#SRContactsResults tr.SRContactsResultsEvenRow {
	
}

/* @end */



/* @group blog comment styles */

.SRCommentFormFrame {
	clear: right;
	margin-top: 15px;
	padding-right: 10px;
	padding-top: 5px;
	padding-left: 10px;
}

/* container of the blog comment */

.SRBlogCommentFrame {
	clear: right;
}

/* comment itself */

.SRBlogComment {
	padding: 5px 10px;
}

/* who authored and when did they author a comment */

.SRBlogCommentAuthor {
	margin-bottom: 10px;
	margin-top: 2px;
	font-weight: bold;
	font-style: italic;
	font-size: 10px;
}


/* @end */

/* @group calendar */

#eventLink, #eventSummary {
	display: none;
}

.SRModalContainer {
	margin: 5px;
}

.SRModalLink {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

.SRModalSummary {
	font-size: 10px;
	padding-bottom: 5px;
}

.SRModalEvent {
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 10px;
}

.SRModalEventLast {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

/* @end */

/* @end */



/* @group footer */

/* the footer area of the page */

#SRFooter {
	clear: both;
	width: 900px;
	padding: 0px;
	font-size: 11px;
	overflow: visible !important /*Firefox*/;
	overflow: hidden /*IE6*/;
	margin-top: 5px;
}

/* @end */

/* @group Global Styles */

html {
	background-color: #efefef; /* background color for the area outside of the page same as the background bottom if using the gradient in the javascript*/
}

body {
	color: #333333; /* all text colors */
	background-color: #efefef; /* background color for the area outside of the page same as the background bottom if using the gradient in the javascript*/
}
a:link {
	color: #2f65a5; /* Body link color */
}

a:visited {
	color: #2f65a5; /* body link visited color */
}

a:hover {
	color: #2f65a5; /* body link hover color */
}

a:active {
	color: #2f65a5; /* body link active color */
}

#SRMainContainer {
	
}

#SRWrapper {
	background-color: #ffffff; /* background color inside the border */
        border-color: #999999; /* border color surrounding the page */
}

#SRPage {
	background-color: #efefef; /* background color for the area outside of the page same as the background bottom if using the gradient in the javascript*/
}

/* @end */

/* @group Header */

#SRHeader {
	background-color: #ffffff; /* background color of the top header */	
}

#SRSearchBox {
	background-color: #FFFFFF; /* background color of the searchbox in the header */
	border: 1px solid #ccc; /* border color for the searchbox in the header */
}

#SRColorBlock {
	background-color: #3574bb; /* color bar in the middle of the portal */
}

/* @group Navigation Bar */

#SRNavWrapper #SRTopNav {
	background-color: #efefef; /* background color of the main navigation bar */
	border-bottom-color: #999999; /* seperates the nav from the header and the main content */
	border-top-color: #999999; /* seperates the nav from the header and the main content */
}

#SRNavWrapper #SRTopNav ul li {
	border-right-color: #999999; /* color of the button seperating line in the main nav */ 
}

#SRNavWrapper #SRTopNav ul li a {
	color: #333333; /* color of the link text in the main nav */
}

#SRNavWrapper #SRTopNav ul li a:hover,#SRNavWrapper #SRTopNav ul li a.current {
	color: #ffffff; /* active page color as well as the hover page color */
	background-color: #567e4a; /* active and hover background color for navigation bar */
	border-top-color: #c2c2c2; /* border color to give current page depth */
	border-bottom-color: #c2c2c2; /* border color to give current page depth */
}

/* @end */

/* @end */

/* @group main content */

/* @group General */

.SRContentImageRight img {
	border-width:1px;
	border-style: solid;
	border-color: #000000; /* border color of the main image on a page */
}

.SRContentImageLeft img {
	border-width:1px;
	border-style: solid;
	border-color: #000000; /* border color of the main image on a page */
}

#SRContent {
	background-color: #ffffff;
}

.SRContentFrame {
}

.SRContentFrameTitle {
	color:#000000; /* color of the header text in the main body areas */
	background-color:transparent; /* background color of the header text in the main body areas */
}

.SRContentFrameTitle a, .SRContentFrameTitle a:visited {
	color:#000000; /* color of links in the header in the main areas */
	background-color:transparent; /* background color of the header links in the main body areas */
}

/* @end */

/* @group main column */

/* @group bottom area */

#SRSubContentArea {
	border-top: 1px solid #ccc; /* horizontal line that seperates the body */
}

.SRSubContentColumn.SRRightBorder {
	border-right-color: #ccc;
}

/* @end */

/* @group top area */

/* @end */

/* @end */

/* @group navigation column */

/* @group rounded list styles */

.SRIntMenuBar h1 {
	color: #ffffff; /* text color of the left side box header */
}
.SRIntMenuBar span {
	border-top: solid 1px #dcdcdc; /* border color rows in the left side box */
	color: #333333; /* text color of non links in the left side box */
}

.roundThis {
	background-color: #609bd5; /* color of the left side box header background */
} 

.SRnav3-grid {
	border-bottom:solid 1px #dcdcdc; /* border color for the bottom of the left side box */
}

.SRSnippitText {
	color: #333333;
}

.SRnav3-grid dt a {
	border-top: solid 1px #dcdcdc; /* border color rows in the left side box */
	color: #333333; /* link color of the left side box */
}


.SRnav3-grid dt a:visited {
	border-top: solid 1px #dcdcdc; /* border color rows in the left side box */
	color: #333333; /* link color of the left side box */
}

.SRnav3-grid dd a {
	color: #333333; /* visited color of links in the left side box */
}

.SRnav3-grid dd a:visited {
	color: #333333; /* visited color of links in the left side box */
}
.SRnav3-grid dt a:hover, .SRnav3-grid dd a:hover {
	background-color: #FFFFFF; /* hover color for the background of links in the left side box */
	color: #666666; /* text color of links that are hovered in the left side box */
}
	

.rcTaskList {

}

.rcTaskList ol li {
 display: block;
 font-size: 11px;
 font-weight:bold;
 height: auto !important;
 min-height: 2em;
 padding: 0 10px 0 20px;
 text-decoration: none;
 border-top: solid 1px #dcdcdc; /* border color rows in the left side box */
 color: #333333; /* link color of the left side box */
}

.rcTaskList ol li:visited {
	border-top: solid 1px #dcdcdc; /* border color rows in the left side box */
	color: #333333; /* link color of the left side box */
}

.rcTaskList ol li:hover {
	background-color: #FFFFFF; /* hover color for the background of links in the left side box */
	color: #666666; /* text color of links that are hovered in the left side box */
}

.rcTaskList ol li a {
	color: #333333; /* link color of the left side box */
	text-decoration: none;
}
.rcTaskList ol li a img {
	display: none;
}


.SRsubcontent-unit-border {
	border: solid 1px #666666; /* border of the left side box should be the same as the header background color */
	background: #ffffff; /* main area of the left side box background color */
}

/* @end */

/* @end */

/* @group Contacts Results Table */

#SRContactsResults {
	border: 1px solid #7f7f7f; /* border around the contact results table */
}

#SRContactsResults tr.SRContactsResultsOddRow {
	background-color: #b8b8b8; /* odd row color in the contact results table */
}

#SRContactsResults tr.SRContactsResultsEvenRow {
	background-color: #ccc; /* even row color in the contact results table */
}

/* @end */

/* @group blog comment styles */

/* comment itself */

.SRBlogComment {
	background-color: #e1e1e1; /* background color of a comment */
	border: 1px dotted #a3a3a3; /* border color of a comment */
}

/* @end */



/* @group Modal */

div#nyroModalFull {
	color: #777777;
}
div#nyroModalLoading {
	border-color: #777;
	background-color: #fff;
}
div#nyroModalLoading.error {
	border-color: #f66;
	background: #fff;
}
div#nyroModalWrapper {
	background: #fff;
	border-color: #777;
}

div.wrapperImg div#nyroModalContent div {
	background: black;
	border-color: white;
}


/* @end */

/* @group calendar */

.iscal{
	background-color: #e1e1e1;
	border-color: #cccccc;
}

.iscal .calwrapper{
	background-color:#ffffff;
}
.iscal .calweekswrapper{
	border-right-color: #cccccc;
}
.iscal .calheader{
	color:#000000;
}

.iscal .daybox{
	background-color: white;
	border-left-color: #cccccc;
	border-bottom-color: #cccccc;
}
.iscal .dayboxname{
	background-color: #ffffff;
	border-left-color: #ffffff;
	color:#000000;
}
.iscal .dayinmonth{
	color: black;
}
.iscal .dayoutmonth{
	color:gray;
}
.iscal .dayselected{
	background-color: #eeeeff;
}
.iscal .daycurrent{
	border-color: #e8eef7;
}


.SRModalEvent {
	border-bottom-color: #ccc;
}

/* @end */

/* @end */

/* @group footer */

/* the footer area of the page */

#SRFooter {
	background-color: #333333;
}

/* pading and margin for the footer area */

#SRFooterContent {
	color: #ffffff; /* text color of the footer */
}

.calendar_head {
  background-color:#ccc;
  color: #000000;
  border: 1px solid #FFFFFF; 
}

.calendar_date {
  background-color:#666666;
  color: #FFFFFF;
}

.calendar_data a {
  color: #006699;
  border: 1px solid #FFFFFF; 
}

.calendar_shade_nd {
  background-color:#ccc;
  border: 1px solid #FFFFFF; 
}

.calendar_shade_d {
  background-color:#e1e1e1;
  border: 1px solid #FFFFFF; 
}

.calendar_datetitle {
  font-weight: bold; 
  font-size:14px; 
  color:#000000;
}

.calendar_prevdatetitle {
  font-size:13px; 
  color:#006699;
}

.calendar_nextdatetitle {
  font-size:13px; 
  color:#006699;
}


/* @end */


/* @group Global Styles */

#SRWrapper {
	margin-bottom: 10px;
	margin-top: 0;
	border-style: solid;
	border-width: 1px;
}

/* @end */

/* @group Header */

#SRHeader {
	background-image: url(https://rrdcareers.silkroad.com:443/SiteGen/Uploads/Private/Skin_ExpressSite1/bg_head_top_middle_light.png);
	background-repeat: repeat-y;
	min-height: 80px;
}

#SRHeaderTopBoxTop {
	background-image: url(https://rrdcareers.silkroad.com:443/SiteGen/Uploads/Private/Skin_ExpressSite1/bg_head_top_top_light.png);
	background-repeat: repeat-x;
	background-position: 0 top;
}

#SRHeaderTopBoxBottom {
	background-image: url(https://rrdcareers.silkroad.com:443/SiteGen/Uploads/Private/Skin_ExpressSite1/bg_head_top_bottom_light.png);
	background-repeat: repeat-x;
	background-position: 0 bottom;
}

#SRHeaderContainer {
	/* this is the logo holder. the logo cannot be any taller than 56px. it can be as wide as 400px though.*/
	padding: 10px;
	width: auto;
	height: auto;
}

/* the search box */

#SRSearchBox {
	float: right;
	margin-top: 18px;
	margin-right: 25px;
	padding: 10px;
	width: auto;
}

/* logout added by CGG */

#SRLogoutLink {
	float: right;
	clear: both;
	display: block;
	margin-right: 25px;
	width: auto;
}

#SRColorBlock {
	width: 900px;
	height: 44px;
	background-image: url(https://rrdcareers.silkroad.com:443/SiteGen/Uploads/Private/Skin_ExpressSite1/bg_head_middle.png); /* image to use for the color bar in the middle of the portal */
}

/* @group Top Nav */

#SRNavWrapper #SRTopNav {
	background-image: url(https://rrdcareers.silkroad.com:443/SiteGen/Uploads/Private/Skin_ExpressSite1/bg_head_bottom_nav_light.png);
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#SRNavWrapper #SRTopNav ul li {
	border-right-style: solid;
	border-right-width: 1px;
	margin: 0 1px 0 0;
}

#SRNavWrapper #SRTopNav ul li a {
	padding: 14px 22px 0 22px;
	height: 28px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

#SRNavWrapper #SRTopNav ul {
}

#SRNavWrapper #SRTopNav ul li a:hover,#SRNavWrapper #SRTopNav ul li a.current {
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	height: 24px;
	margin-top: 1px;
	margin-bottom: 1px;
}

/* @end */



/* @end */

/* @group main content */

/* @group General */

#SRContent, #SRWrapper {
	background-image: url(https://rrdcareers.silkroad.com:443/SiteGen/Uploads/Private/Skin_ExpressSite1/bg_main_light.png);
	background-repeat: repeat-y;
}

#SRContent {
	width: 840px;
	font-size: 11px;
	overflow: visible !important /*Firefox*/;
	overflow: hidden /*IE6*/;
	min-height: 400px;
	padding: 0px 35px 20px 25px;
}

#SRWithNavColumn {
	margin-left: 190px;
	width: 649px;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.SRContentFrame {
}

.SRContentFrameTitle {
}

.SRContentFrameTitle a {
}

.SRContentImageRight img {
	border-width:1px;
	border-style: solid;
}


.SRContentImageLeft img {
	border-width:1px;
	border-style: solid;
}

/* @end */

/* @group main column */

#SRMainContentArea {
}

/* @group bottom area */

.SRSubContentColumn.SRRightBorder {
	border-right-width: 1px;
	border-right-style: solid;
}

/* @end */

/* @group top area */


/* @end */



/* @end */

/* @group navigation column */

#SRNavColumn {
	position: absolute;
	width: 180px;
	margin-top: 15px;
	margin-right: 10px;
}



/* @group rounded list styles */

/* container for the box in the left side navigation */

.SRIntMenuBar {
	display: inline /*Fix IE floating margin bug*/;
	width: 185px;
	padding-right: 20px;
	overflow: visible !important /*Firefox*/;
	overflow: hidden /*IE6*/;
	margin-bottom: 10px;
}

/* left side heading */

.SRIntMenuBar h1 {
	clear: both;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}

/* left side paragraphs */

.SRIntMenuBar dt span {
	display: block;
	min-height: 2.0em /*Non-IE6*/;
	height: auto !important;
	height: 2.0em /*IE6*/;
	line-height: 2.0em;
	padding: 0px 10px 0px 20px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

/* sub links in the left side nav */

.SRnav3-grid dd span {
	display: block;
	min-height: 1.7em /*Non-IE6*/;
	height: auto !important;
	height: 1.7em /*IE6*/;
	line-height: 1.7em;
	padding: 0px 10px 0px 40px;
	border: none;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
}

/* main area of the left side nav */

.SRnav3-grid {
	width: 183px;
	overflow: visible !important /*Firefox*/;
                     overflow: hidden;
}

.SRSnippitText {
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
	padding: 5px 10px;
}

/* link styles in the left side nav */

.SRnav3-grid dt a, .SRnav3-grid dt a:visited {
	display: block;
	min-height: 2.0em /*Non-IE6*/;
	height: auto !important;
	height: 2.0em /*IE6*/;
	line-height: 2.0em;
	padding: 0px 10px 0px 20px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

/* sub links in the left side nav */

.SRnav3-grid dd a, .SRnav3-grid dd a:visited {
	display: block;
	min-height: 1.7em /*Non-IE6*/;
	height: auto !important;
	height: 1.7em /*IE6*/;
	line-height: 1.7em;
	padding: 0px 10px 0px 40px;
	border: none;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
}

/* hover state of all links in the left side nav */

.SRnav3-grid dt a:hover, .SRnav3-grid dd a:hover {
	text-decoration: none;
}

/* container for spacing in the left side nav that surrounds the whole box */

.SRsubcontent-unit-border {
	width: 183px;
	margin: 0 0 20px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
}

/* @end */

/* @end */

/* @end */

/* @group footer */

#SRFooter {
	background-image: url(https://rrdcareers.silkroad.com:443/SiteGen/Uploads/Private/Skin_ExpressSite1/bg_head_bottom_nav_dark.png);
}

/* pading and margin for the footer area */

#SRFooterContent {
	padding: 10px;
	text-align: center;
}

/* @end */