/* 
=======================================================
ROLLBASE: PORTAL THEME

primary: white
=======================================================

beige primary: #E6EACC;
brown primary: #EEECE1;
blue primary: #E4EEFF;
orange primary: #FFEADA;
yellow primary: #FEFDE0;
green primary: #F5FFE5;
red primary: #FFE4E4;
cyan primary: #E3F9FF;
purple primary: #F0E9F9;
silver primary: #E8E8E8;

*/

#rbe_loading {position: absolute;left: 50%;top: 0;}
#rbe_loadingMessagePopup {position: absolute;left: 50%;}


/* 
=======================================================
Body Styles
=======================================================
*/

body{font-size: 75%;font-family: 'Arial', 'Helvetica', sans-serif;margin: 0px;padding: 0px;border:0px;text-align: left;color: black;}

/* 
=======================================================
Boutons
=======================================================
*/
input[type="submit"] {
height:30px;
}


/* 
=======================================================
Dimensions and Alignment
=======================================================
*/

.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.mozcenter{text-align: -moz-center;}
.vcenter{vertical-align: middle;}
.top{vertical-align: top;}
.bottom{vertical-align: bottom;}
.text-top{vertical-align: text-top;}
.text-bottom{vertical-align: text-bottom;}
.wide{width: 100%;}
.tall{height: 100%;}
.auto{width: auto;}
.indent50{margin-left: 50px;}

/* 
=======================================================
Borders, Padding and Margins
=======================================================
*/

.rounding{
-moz-border-radius:5px;
border-radius:5px;
padding:0px;
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
}

.noborder{border: 0px;}
.nopadding{padding: 0px;}
.nomargin{margin: 0px;}

.itempadding{padding: 2px 12px 2px 5px;}
.smallpadding{padding: 2px 4px 2px 4px;}
.smallerpadding{padding: 2px 2px 2px 2px;}
.mediumpadding{padding: 5px;}
.bigpadding{padding: 10px;}

.whitesidepadding{padding-left: 5px;padding-right: 5px;}
.whitesideborder{border-left: 5px solid #FFFFFF;border-right: 5px solid #FFFFFF;}

.lightsilversideborder{border-left: 5px solid #E8E8E8;border-right: 5px solid #E8E8E8;}

.primarysideborder{border-left: 8px solid #FFFFFF;border-right: 8px solid #FFFFFF;}
.primarysideborder2{border-left: 2px solid #FFFFFF;border-right: 2px solid #FFFFFF;}
.primarybottomborder{border-bottom: 3px solid #FFFFFF;}
.primarytopborder{border-top: 3px solid #FFFFFF;}
.primarydoubleborder{border-left: 10px solid #FFFFFF;border-right: 10px solid #FFFFFF;border-top: 10px solid #FFFFFF;border-bottom: 10px solid #FFFFFF;}
.primaryleftborder{border-left: 8px solid #FFFFFF;}
.primaryrightborder{border-right: 8px solid #FFFFFF;}

.sidebarsideborder{border-left: 8px solid #DCE1B6;border-right: 8px solid #DCE1B6;}
.sidebarsideborder2{border-left: 2px solid #DCE1B6;border-right: 2px solid #DCE1B6;}
.sidebarbottomborder{border-bottom: 3px solid #DCE1B6;}
.sidebartopborder{border-top: 3px solid #DCE1B6;}
.sidebardoubleborder{border-left: 10px solid #DCE1B6;border-right: 10px solid #FFFFFF;border-top: 10px solid #DCE1B6;border-bottom: 10px solid #DCE1B6;}
.sidebarleftborder{border-left: 8px solid #DCE1B6;}
.sidebarrightborder{border-right: 8px solid #DCE1B6;}

.seltabsideborder{border-left: 5px solid #5583BB;border-right: 5px solid #5583BB;}
.seltabbottomborder{border-bottom: 3px solid #5583BB;}
.seltabtopborder{border-top: 3px solid #5583BB;}

.unseltabsideborder{border-left: 5px solid #EFEFF7;border-right: 5px solid #EFEFF7;}
.unseltabbottomborder{border-bottom: 3px solid #EFEFF7;}
.unseltabtopborder{border-top: 3px solid #EFEFF7;}

.secondarysideborder{border-left: 8px solid #EFEFF7;border-right: 8px solid #EFEFF7;}
.secondarybottomborder{border-bottom: 3px solid #EFEFF7;}
.secondarytopborder{border-top: 3px solid #EFEFF7;}
.secondarydoubleborder{border-left: 10px solid #EFEFF7;border-right: 10px solid #EFEFF7;border-top: 10px solid #EFEFF7;border-bottom: 10px solid #EFEFF7;}

.setupprimarysideborder{border-left: 8px solid #E8E8E8;border-right: 8px solid #E8E8E8;}
.setupprimarytopborder{border-top: 3px solid #E8E8E8;}
.setupprimarysideborder2{border-left: 2px solid #E8E8E8;border-right: 2px solid #E8E8E8;}
.setupprimarybottomborder{border-bottom: 3px solid #E8E8E8;}
.setupprimarydoubleborder{border-left: 10px solid #E8E8E8;border-right: 10px solid #E8E8E8;border-top: 10px solid #D9E9C7;border-bottom: 10px solid #E8E8E8;}
.setupprimaryleftborder{border-left: 8px solid #E8E8E8;}
.setupprimaryrightborder{border-right: 8px solid #E8E8E8;}

.setupsecondarysideborder{border-left: 8px solid #EFEFF7;border-right: 8px solid #EFEFF7;}
.setupsecondarybottomborder{border-bottom: 3px solid #EFEFF7;}
.setupsecondarytopborder{border-top: 3px solid #EFEFF7;}
.setupsecondarydoubleborder{border-left: 10px solid #EFEFF7;border-right: 10px solid #EFEFF7;border-top: 10px solid #EFEFF7;border-bottom: 10px solid #EFEFF7;}

.setupmenusideborder{border-left: 5px solid #AFAFBC;border-right: 5px solid #AFAFBC;}
.setupmenutopborder{border-top: 3px solid #AFAFBC;}
.setupmenubottomborder{border-bottom: 3px solid #AFAFBC;}

.rblightsilversideborder{border-left: 5px solid #E8E8E8;border-right: 5px solid #E8E8E8;}

.solid{border: 1px solid black;}
.solidgrid{border: 1px solid black;border-spacing: 1px;}
.solidgray{border: 1px solid #635D5A;}
.solidlightgray{border: 1px solid #CCCCCC;}
.dashedbottomlightgray{border-bottom: 1px dashed #CCCCCC;}
.solidverylightgray{border: 1px solid #CCCCCC;}
.dashedbottomverylightgray{border-bottom: 1px dashed #CCCCCC;}
.solidblue{border: 1px solid #4241FF;}

.solidlightgray-nobottom{border-top: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;}

form{margin: 0;padding: 0;}

/* 
=======================================================
Shaded Rounded Corners, Edges and Icons for Popups
=======================================================
*/

.rbs_popup_tlc {
background-image : url('../images/rollbase_orangebox_tlc.gif');
background-repeat : no-repeat;
background-position : top left;
}

.rbs_popup_trc {
background-image : url('../images/rollbase_orangebox_trc.gif');
background-repeat : no-repeat;
background-position : top right;
}

.rbs_popup_blc {
background-image : url('../images/rollbase_orangebox_blc.gif');
background-repeat : no-repeat;
background-position : bottom left;
}

.rbs_popup_brc {
background-image : url('../images/rollbase_orangebox_brc.gif');
background-repeat : no-repeat;
background-position : bottom right;
}

.rbs_popup_top {
background-image : url('../images/rollbase_orangebox_top.gif');
background-repeat : repeat-x;
background-position : top;
}

.rbs_popup_bottom {
background-image : url('../images/rollbase_orangebox_bottom.gif');
background-repeat : repeat-x;
background-position : bottom;
}

.rbs_popup_left {
background-image : url('../images/rollbase_orangebox_left.gif');
background-repeat : repeat-y;
background-position : left;
}

.rbs_popup_right {
background-image : url('../images/rollbase_orangebox_right.gif');
background-repeat : repeat-y;
background-position : right;
}

.rbs_popup_dropdownarrow {
background-image : url('../images/dropdownarrow_inpopup.gif');
background-repeat : no-repeat;
background-position : top left;
}



/* 
=======================================================
Images
=======================================================
*/

img{border: 0px;}


/* 
=======================================================
Lists
=======================================================
*/

ol{list-style: decimal outside;}
ol.roman{list-style: lower-roman outside;}
ol.alpha{list-style: lower-alpha outside;}

ul{list-style: disc outside;}
ul.square{list-style: square outside;}
ul.circle{list-style: circle outside;}


/* 
=======================================================
Links
=======================================================
*/

a:link, a:visited{color: navy;text-decoration: none;}
a:hover{text-decoration: underline;}

.nsbLinks a:link{color: #000000;text-decoration: none;}
.nsbLinks a:visited{color: #000000;text-decoration: none;}
.nsbLinks a:hover{color: #000000;text-decoration: none;}

.bblinks a:link{font-weight: bold;color: #000000;}
.bblinks a:visited{font-weight: bold;color: #000000;}
.bblinks a:hover {font-weight: bold;color: #000000;}

.wwlinks a:link{font-weight: bold;color: #FFFFFF;}
.wwlinks a:visited{font-weight: bold;color: #FFFFFF;}
.wwlinks a:hover {font-weight: bold;color: #FFFFFF;}

.wwnlinks a:link{color: #FFFFFF;}
.wwnlinks a:visited{color: #FFFFFF;}
.wwnlinks a:hover {color: #FFFFFF;}

.yellowlinks a:link{color: #FFE78F;}
.yellowlinks a:visited{color: #FFE78F;}
.yellowlinks a:hover {color: #FFE78F;}

.gglinks a:link{font-weight: bold;color: #777777;}
.gglinks a:visited{font-weight: bold;color: #777777;}
.gglinks a:hover {font-weight: bold;color: #777777;}

.oolinks a:link{font-weight: bold;color: #E47911;}
.oolinks a:visited{font-weight: bold;color: #E47911;}
.oolinks a:hover {font-weight: bold;color: #E47911;}

.blackLinks a:link {color: #000000;}
.blackLinks a:visited {color: #000000;}
.blackLinks a:hover {color: #000000;}

.grayLinks a:link {color: #777777;}
.grayLinks a:visited {color: #777777;}
.grayLinks a:hover {color: #777777;}

.boldlinks a:link{font-weight: bold;}
.boldlinks a:visited{font-weight: bold;}
.boldlinks a:hover {font-weight: bold;}

.smallLinks a:link {font-size: 95%;}
.smallLinks a:visited {font-size: 95%;}
.smallLinks a:hover {font-size: 95%;text-decoration: underline;}

.xsmallLinks a:link {font-size: 90%;}
.xsmallLinks a:visited {font-size: 90%;}
.xsmallLinks a:hover {font-size: 90%;}

.normalLinks a:link {font-weight: normal;color: blue;}
.normalLinks a:visited {font-weight: normal;color: blue;}
.normalLinks a:hover {font-weight: normal;color: blue;}

.normalSmallLinks a:link {font-weight: normal;font-size: 95%;}
.normalSmallLinks a:visited {font-weight: normal;font-size: 95%;}
.normalSmallLinks a:hover {font-weight: normal;font-size: 95%;}

.unselectedTabLinks a:link {color: #777777;font-weight: bold;}
.unselectedTabLinks a:visited {color: #777777;font-weight: bold;}
.unselectedTabLinks a:hover {text-decoration: underline;font-weight: bold; color: navy}

td.actionCol a:link {font-weight: normal;font-size: 95%;}
td.actionCol a:visited {font-weight: normal;font-size: 95%;}
td.actionCol a:hover {font-weight: normal;font-size: 95%;}


/* 
=======================================================
Form Elements
=======================================================
*/

select{font-size: 100%;font-family: 'Arial', 'Helvetica', sans-serif;color: black;}
input{font-size: 95%;padding-top: 0;font-family: 'Arial', 'Helvetica', sans-serif;}
textarea{font-size: 100%;font-family: 'Arial', 'Helvetica', sans-serif;}

td.detailDataCol input, td.detailWideDataCol input{font-size: 100%;}
td.detailDataCol select, td.detailWideDataCol select{font-size: 100%;}
td.emailDataCol input, td.emailWideDataCol input{font-size: 100%;}
td.emailDataCol select, td.emailWideDataCol select{font-size: 100%;}

td.regularSize input, td.regularSize select {font-size: 100%;}

option {color: black;}
option.no-op {color: gray;}
option.noop {color: gray;}


/* 
=======================================================
Font Families
=======================================================
*/

.trebuchet{font-family: Trebuchet MS;}
.courier {font-family: courier, courier new, monospace;}


/* 
=======================================================
Font Sizes
=======================================================
*/

.supersmall{font-size: 1%}
.xxxsmall{font-size: 75%;}
.xxsmall{font-size: 85%;}
.xsmall{font-size: 90%;}
.small{font-size: 95%;}
.normal{font-size: 100%;}
.xnormal{font-size: 105%;}
.medium{font-size: 110%;}
.xmedium{font-size: 115%;}
.large{font-size: 120%;}
.larger{font-size: 135%;}
.xlarge {font-size: 150%;}
.xxlarge {font-size: 180%;}
.xxxlarge{font-size: 225%;}

/* 
=======================================================
Font Weights and Styles
=======================================================
*/

.bold{font-weight: bold;}
.normal{font-weight: normal;}
.italic{font-style: italic;}


.iewrap{word-wrap: break-word;}

/* 
=======================================================
Foreground Colors
=======================================================
*/

.red{color: #FF1000;}
.green{color: #21B600;}
.blue{color: #0000FF;}
.silver{color: #9C9C9C;}
.gray{color: #635D5A;}
.white{color: #FFFFFF;}
.yellow{color: #FFE78F;}
.orange{color: #E47911;}
.black{color: #000000;}
.alert{color: #9C0000;}
.required{color: #FF1000;} 
.bluelinks{color: #0000FF;}

.lightblue{color: #DDDDFF;}
.darkgreen{color: #21B600;}
.darkblue{color: #4241FF;}
.darkred{color: #FF1000;}
.darkyellow{color: #ACB423;}
.darkorange{color: #DB8733;}
.darkpurple{color: #A496D3;}
.darkerprimary{background-color: #C6C697;}
.lightprimary{background-color: #F1F1E9;}
.verylightprimary{background-color: #F9F9F1;}

/* 
=======================================================
Left Side Borders
=======================================================
*/

.blueleft{border-left: 1px solid #4241FF;}
.greenleft{border-left: 1px solid #21B600;}
.yellowleft{border-left: 1px solid #DEBE00;}
.orangeleft{border-left: 1px solid #F77108;}
.redleft{border-left: 1px solid #FF1000;}
.silverleft{border-left: 1px solid #9C9C9C;}
.grayleft{border-left: 1px solid #635D5A;}
.fieldleft{border-left: 1px solid #FFFFFF;}
.blackleft{border-left: 1px solid #000000;}
.darkprimaryleft{border-left: 1px solid #DFE0B4;}
.darkbrownleft{border-left:1px solid #737B33;}

/* 
=======================================================
Right Side Borders
=======================================================
*/

.blueright{border-right: 1px solid #4241FF;}
.greenright{border-right: 1px solid #21B600;}
.yellowright{border-right: 1px solid #DEBE00;}
.orangeright{border-right: 1px solid #F77108;}
.redright{border-right: 1px solid #FF1000;}
.silverright{border-right: 1px solid #9C9C9C;}
.grayright{border-right: 1px solid #635D5A;}
.fieldright{border-right: 1px solid #FFFFFF;}
.blackright{border-right: 1px solid #000000;}
.darkprimaryright{border-right: 1px solid #DFE0B4;}
.darkbrownright{border-right:1px solid #737B33;}

/* 
=======================================================
Top Borders
=======================================================
*/

.bluetop{border-top: 1px solid #4241FF;}
.greentop{border-top: 1px solid #21B600;}
.yellowtop{border-top: 1px solid #DEBE00;}
.orangetop{border-top: 1px solid #F77108;}
.redtop{border-top: 1px solid #FF1000;}
.silvertop{border-top: 1px solid #9C9C9C;}
.graytop{border-top: 1px solid #635D5A;}
.fieldtop{border-top: 1px solid #FFFFFF;}
.blacktop{border-top: 1px solid #000000;}
.darkprimarytop{border-top: 1px solid #DFE0B4;}
.darkbrowntop{border-top:1px solid #737B33;}

/* 
=======================================================
Bottom Borders
=======================================================
*/

.bluebottom{border-bottom: 1px solid #4241FF;}
.greenbottom{border-bottom: 1px solid #21B600;}
.yellowbottom{border-bottom: 1px solid #DEBE00;}
.orangebottom{border-bottom: 1px solid #F77108;}
.redbottom{border-bottom: 1px solid #FF1000;}
.silverbottom{border-bottom: 1px solid #9C9C9C;}
.graybottom{border-bottom: 1px solid #635D5A;}
.fieldbottom{border-bottom: 1px solid #CCCCCC;}
.blackbottom{border-bottom: 1px solid #000000;}
.darkprimarybottom{border-bottom: 1px solid #DFE0B4;}
.darkbrownbottom{border-bottom:1px solid #737B33;}

.breadcrumbbottom{border-bottom:1px solid #859EBA;}

/* 
=======================================================
Background Colors
=======================================================
*/

.primary{background-color: #FFFFFF;}
.neutral{background-color: #E8E8E8;}

.secondary{background-color: #E8E8E8;}

.setupprimary{background-color: #E8E8E8;}
.setup{background-color: #E8E8E8;}



.darkprimary{background-color: #DFE0B4;}
.setupsecondary{background-color: #EFEFF7;}

.rbbreadcrumbsbg{background-color: #BBC9D9;}

.rbsetupheaderbg{background-color:#868699;}
.rbsetupmenubg{background-color:#AFAFBC;}

.rbinfomessage{background-color: #FFF1A8;}

.rbsidebarbg{background-color: #DCE1B6;}
.rbseltabbg{background-color: #5583BB;}
.rbheaderdarkblue{background-color:#365A84;}

.highlight{background-color: #FFF8CE;}

.websidebar{background-color: #E8E8E8;}

.rbblue{background-color: #4241FF;}
.rblightblue{background-color: #DDDDFF;}
.rbdarkblue{background-color: #1A3AAC;}
.rbgreen{background-color: #21B600;}
.rblightgreen{background-color: #DFFFD9;}
.rbyellow{background-color: #DEBE00;}
.rblightyellow{background-color: #FFF8CE;}
.rborange{background-color: #F77108;}
.rblightorange{background-color: #FEE9D8;}
.rbred{background-color: #FF1000;}
.rblightred{background-color: #FFDCD9;}
.rbsilver{background-color: #9C9C9C;}
.rblightsilver{background-color: #E8E8E8;}
.rbgray{background-color: #635D5A;}
.rblightgray{background-color: #FFFFFF;}
.rbwhite{background-color: transparent;}
.imorange{background-color: #FAD163;}
.rbpurple{background-color: #A496D3;}
.rblightpurple{background-color: #E1DFF4;}
.rbbrown{background-color:#BEC879;}
.rbmediumyellow{background-color: #F2F4C6;}
.rbmediumorange{background-color: #F3D7BB;}
.rbmediumpurple{background-color: #D2D2FF;}
.rbnormalpurple{background-color: #D2D2DF;}

.appdirectory{background-color: #EDEA78;}

/* 
=======================================================
Tables
=======================================================
*/

table{text-align: left;font-size: 100%;empty-cells: show;border-collapse: collapse;padding: 0;}

td{border-width: 1px;}

/* Hover effect for IE */
.hover:hover {background-color: #FFF8CE;} 

/* Hover effect for Netscape, Firefox, etc */
tr.hover:hover {background-color: #FFF8CE;} 

table.overflowItemsLookup {width: 100%;}
table.overflowItemsLookup td{border-width: 1px;padding: 2px 2px 2px 5px;border-bottom: 0px solid #DDDDDD;}
table.overflowItemsLookup tr{height: 20px;}

table.overflowItems {width: 100%;background-color: #FFFFFF;}
table.overflowItems td{border-width: 1px;padding: 2px 2px 2px 5px;border-bottom: 1px solid #FFFFFF;}
table.overflowItems tr{height: 20px;}

table.overflowItemsParent {width: 100%;background-color: #FFFFFF;}
table.overflowItemsParent td{padding: 0px 0px 0px 0px;}/*0100border-width: 1px*/
table.overflowItemsParent tr{height: 20px;}

/* 
=======================================================
Object List Views
=======================================================
*/

tr.objectListHeader th {  
	color: black;
	font-weight: bold;
	background-color: #EFEFF7;
	border-left: 0px solid #FFFFFF;
	border-top: 0px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 4px 4px 4px 4px;
	text-align: left;
	vertical-align: text-top;
	white-space: nowrap;
}
tr.objectListHeaderSetup th { 
	color: black;
	font-weight: bold;
	background-color: #EFEFF7;
	border-left: 0px solid #D9E9C7;
	border-top: 0px solid #D9E9C7;
	border-right: 0px solid #D9E9C7;
	border-bottom: 1px solid #FFFFFF;
	padding: 4px 4px 4px 4px;
	text-align: left;
	vertical-align: text-top;
	white-space: nowrap;
}
tr.objectListHeaderLayer1 th {
	color: white;
	font-family: Trebuchet MS;
	font-size: 95%;
	font-weight: bold;
	background-color: #D2D2DF;
	border-left: 0px solid #D2D2DF;
	border-top: 0px solid #D2D2DF;
	border-right: 0px solid #D2D2DF;
	border-bottom: 0px solid #FFFFFF;
	padding: 2px 4px 2px 4px;
	text-align: left;
	vertical-align: text-top;
	white-space: nowrap;
}
tr.objectListHeaderLayer2 th {
	color: #8888FF;
	font-family: Trebuchet MS;
	font-size: 95%;
	font-weight: bold;
	background-color: #D2D2FF;
	border-left: 0px solid #D2D2FF;
	border-top: 0px solid #D2D2FF;
	border-right: 0px solid #D2D2FF;
	border-bottom: 0px solid #FFFFFF;
	padding: 2px 4px 2px 4px;
	text-align: left;
	vertical-align: text-top;
	white-space: nowrap;
}
tr.objectListHeaderLayer3 th {
	color: #A299DB;
	font-family: Trebuchet MS;
	font-size: 95%;
	font-weight: bold;
	background-color: #DDDDFF;
	border-left: 0px solid #DDDDFF;
	border-top: 0px solid #DDDDFF;
	border-right: 0px solid #DDDDFF;
	border-bottom: 0px solid #FFFFFF;
	padding: 2px 4px 2px 4px;
	text-align: left;
	vertical-align: text-top;
	white-space: nowrap;
}
tr.objectListHeader th.center {
	text-align: center;
}
tr.objectListHeaderSetup th.center {
	text-align: center;
}
tr.objectListHeader th.right {
	text-align: right;
}

tr.objectListHeaderSetup th.smallIcon {
	text-align: center;white-space: nowrap;padding: 4px 2px 4px 0px;
}

tr.objectListHeader th.smallIcon {
	text-align: center;white-space: nowrap;padding: 4px 2px 4px 0px;
}
th A:link {color: black;font-weight: bold;text-decoration: underline;}
th A:visited {color: black;font-weight: bold;text-decoration: underline;}
th A:hover {color: black;font-weight: bold;text-decoration: underline;}

tr.objectListHeaderLayer1 th A:link {color: white;font-weight: bold;text-decoration: underline;}
tr.objectListHeaderLayer1 th A:visited {color: black;font-weight: bold;text-decoration: underline;}
tr.objectListHeaderLayer1 th A:hover {color: white;font-weight: bold;text-decoration: underline;}


tr.listItem td {
	color: black;
	font-weight: normal;
	border-left: 0px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align: left;
	vertical-align: text-top;
	vertical-align: top;
}
tr.listItemLayered td {
	color: black;
	font-weight: normal;
	border-left: 0px solid #FFFFFF;
	border-top: 0px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	border-bottom: 0px solid #00FF00;
	text-align: left;
	vertical-align: text-top;
	vertical-align: top;
}

tr.listItem td.summary {color: #9C9C9C;font-weight: bold;text-align: right;background-color: #FFF8CE !important}
tr.listItem td.totalSummary {color: #635D5A;font-weight: bold;text-align: left;background-color: #FEE9D8 !important}
tr.listItem td.listItemValue {padding: 4px 4px 4px 4px;}
tr.listItem td.listItemNumberValue {padding: 4px 4px 4px 4px;text-align: right;}
tr.listItem td.smallIcon, tr.objectListHeader th.smallIcon{text-align: center;white-space: nowrap;padding: 4px 2px 4px 0px;}
tr.listItem td.checkbox{width: 30px;text-align: right;white-space: nowrap;padding: 2px 2px 0px 2px;}
tr.listItem td.listItemRight {text-align: right;padding: 4px 4px 4px 4px;}

tr.listItem td.groupSpacer{border-bottom: 0px;border-top: 0px;border-right: 1px solid #FFFFFF;background-color: #E8FCDC;}

tr.objectListHeaderLayer1 td.groupSpacer{border-bottom: 0px;border-top: 0px;border-right: 1px solid #FFFFFF;background-color: #E8FCDC;}

tr.inline td {
	color: black;
	font-weight: normal;
	border-left: 0px solid #FFFFFF;
	border-top: 0px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	border-bottom: 0px solid #FFFFFF;
	text-align: left;
	vertical-align: text-top;
	vertical-align: top;
}
tr.inline td.smallIcon{text-align: left;white-space: nowrap;padding: 4px 2px 4px 0px;}

tr.groupRow {border-bottom: 0px solid #FFFFFF; background-color: #E8FCDC;}
tr.groupRow td {color:#777777; padding: 2px 2px 2px 4px;}

tr.viewed {font-weight: normal;background-color: #FFFFFF;}
tr.viewed td {font-weight: normal;}
tr.unviewed {font-weight: bold;background-color: #FFFFFF;}
tr.unviewed td {font-weight: bold;}

tr.highlightViewed {font-weight: normal;background-color: #FFF8CE;}
tr.highlightViewed td {font-weight: normal;}
tr.highlightUnviewed {font-weight: bold;background-color: #FFF8CE;}
tr.highlightUnviewed td {font-weight: bold;}


tr.parentRow {font-weight: bold;background-color: #F7F7F7;}

td.actionCol{font-weight: normal;font-size: 95%;padding: 4px 4px 4px 4px;}
th.actionCol{font-weight: normal;font-size: 100%;padding: 4px 4px 4px 4px;white-space: nowrap;}
th.numericCol{text-align: center;font-weight: normal;}

/* 
=======================================================
MiniCalendar
=======================================================
NOTE: Selected view styles are only meant to be used when viewing a daily, weekly or monthly calendar view page.
*/

/* Minicalendar overall styles */
table.miniCalendar{width: 100%;font-size: 95%;background-color: #FFFFFF;}
table.miniCalendar td{padding: 2px 5px 2px 5px;border-width: 0px;text-align: center;}
table.miniCalendar A:link {color: black;text-decoration: none;}
table.miniCalendar A:visited {color: black;text-decoration: none;}
table.miniCalendar A:hover {color: black;text-decoration: underline;}
table.miniCalendar th{color: black;font-weight: normal;background-color: #DFE0B4;text-align: center;}

/* Current day styles */
td.dayCurrent{color: white;font-weight: bold;background-color: #CCCCCC;}
td.dayCurrent A:link {color: white;text-decoration: none;}
td.dayCurrent A:visited {color: white;text-decoration: none;}
td.dayCurrent A:hover {color: white;text-decoration: underline;}

/* Weekday not in month styles */
td.dayNotInMonth{color: silver;font-weight: bold;background-color: white;}
td.dayNotInMonth A:link {color: silver;text-decoration: none;}
td.dayNotInMonth A:visited {color: silver;text-decoration: none;}
td.dayNotInMonth A:hover {color: silver;text-decoration: underline;}

/* Weekend day not in month styles */
td.weekendDayNotInMonth{color: silver;font-weight: bold;background-color: #EFEFF7;}
td.weekendDayNotInMonth A:link {color: silver;text-decoration: none;}
td.weekendDayNotInMonth A:visited {color: silver;text-decoration: none;}
td.weekendDayNotInMonth A:hover {color: silver;text-decoration: underline;}

/* Weekday in selected view styles */
td.dayInView{color: black;font-weight: bold;background-color: #D7D7A0;}

/* Weekday not in selected view styles */
td.dayNotInViewBusy{color: black;font-weight: bold;background-color: #FFFFFF;}
td.dayNotInViewNotBusy{color: black;font-weight: normal;background-color: #FFFFFF;}

/* Weekend day not in selected view styles */
td.weekendDayNotInViewBusy{color: black;font-weight: bold;background-color: #EFEFF7;}
td.weekendDayNotInViewNotBusy{font-weight: normal;background-color: #EFEFF7;}

/*
=======================================================
Object Detail
=======================================================
*/

/*table.detailTable td {vertical-align:top;}*/

td.detailLabelCol3{padding:2px 4px 2px 2px;width: 13%;border-left: 0px solid #FFFFFF;}
td.detailDataCol3{padding: 2px 2px 2px 4px;width: 20%;border-right: 0px solid #FFFFFF;}

td.detailLabelCol{padding:2px 4px 2px 2px;width: 20%;border-left: 0px solid #FFFFFF;}
td.detailDataCol{padding: 2px 2px 2px 4px;width: 30%;border-right: 0px solid #FFFFFF;}
td.detailWideLabelCol{padding:2px 4px 2px 2px;width: 20%;border-left: 0px solid #FFFFFF;}
td.detailWideDataCol{padding: 2px 2px 2px 4px;width: 80%;border-right: 0px solid #FFFFFF;}

table.detailTable td.detailHTMLCol{padding: 2px 2px 2px 4px;width: 100%;border-right: 0px solid #FFFFFF;border-left: 0px solid #FFFFFF;}

td.editorLabelCol{padding:2px 4px 2px 2px;width: 38%;}
td.editorDataCol{padding: 0 2px 0 4px;width: 48%;}
td.editorWideLabelCol{padding:2px 4px 2px 2px;width: 20%;}
td.editorWideDataCol{padding: 0 2px 0 4px;width: 70%;}

td.emailWideLabelCol{padding:2px 4px 2px 2px;width: 10%;border-left: 0px solid #FFFFFF;}
td.emailWideDataCol{padding: 2px 2px 2px 4px;width: 90%;border-right: 0px solid #FFFFFF;}

sectionHeaderSideBorders{border-left: 0px solid #FFFFFF;border-right: 0px solid #FFFFFF;}


/*
=======================================================
Dynamic Dropdown Styles
=======================================================
*/


#rbe_DDdropmenudiv{position:absolute;border:1px solid #CCCCCC;border-bottom-width: 0;font:normal 12px Arial;line-height:16px;z-index:100;}

#rbe_DDdropmenudiv a{width: 100%;display: block;text-indent: 3px;border-bottom: 1px solid #CCCCCC;padding: 1px 0;text-decoration: none;font-weight: normal;color: gray;}

#rbe_DDdropmenudiv a:hover{ background-color: #FFF8CE;}

/*
=======================================================
Customizable styles
=======================================================
*/

/*
=======================================================
Used to render labels of component properties (action properties, field properties, object properties etc) in Setup Pages
=======================================================
*/

/*required fields*/
td.rbs_rightLabelRequired {
	padding:2px 4px 2px 2px;
	width: 20%;
	border-left: 0px solid #FFFFFF; 
	text-align: right; 
	vertical-align: top; 
	font-size: 95%; 
	font-weight: bold; 
	color: #FF1000; 
	border-bottom: 1px solid #FFFFFF; }
	
td.rbs_rightLabelRequired3 {
	padding:2px 4px 2px 2px;
	width: 13%;
	border-left: 0px solid #FFFFFF; 
	text-align: right; 
	vertical-align: top; 
	font-size: 95%; 
	font-weight: bold; 
	color: #FF1000; 
	border-bottom: 1px solid #FFFFFF; }	
	
/*not required fields*/
td.rbs_rightLabel {
	padding:2px 4px 2px 2px;
	width: 20%;
	border-left: 0px solid #FFFFFF;
	text-align: right;
	vertical-align: top; 
	font-size: 95%; 
	font-weight: bold; 
 	border-bottom: 1px solid #FFFFFF; }
 	
td.rbs_rightLabel3 {
	padding:2px 4px 2px 2px;
	width: 13%;
	border-left: 0px solid #FFFFFF;
	text-align: right;
	vertical-align: top; 
	font-size: 95%; 
	font-weight: bold; 
 	border-bottom: 1px solid #FFFFFF; } 	
 	
 
 td.rbs_rightWideLabelRequired { 
	font-size: 95%; 
	font-weight: bold; 
	text-align: right; 
	border-bottom: 1px solid #FFFFFF; 
	vertical-align: top; 
	color: #FF1000; 
	padding:2px 4px 2px 2px;
	width: 20%;
	border-left: 0px solid #FFFFFF; }

/* Email Pages required */
td.rbs_rightLabelRequiredEmail {
	padding:2px 4px 2px 2px; 
	width: 10%; 
	border-left: 0px solid #FFFFFF; 
	text-align: right; 
	vertical-align: top; 
	font-size: 95%; 
	font-weight: bold; 
	color: #FF1000; 
	border-bottom: 1px solid #FFFFFF; }
	
/* this label (not required) used in  Email Pages */
td.rbs_rightLabelWideEmail {
	border-bottom: 1px solid #FFFFFF; 
	font-weight: bold; 
	font-size: 95%; 
	vertical-align: top; 
	text-align: right; 
	padding:2px 4px 2px 2px;
	width: 10%;
	border-left: 0px solid #FFFFFF; }


	
/* this label fills the entire row from left */	
td.rbs_SetupLabelWideLeft {
	border-bottom: 1px solid #FFFFFF; 
	font-weight: bold; 
	font-size: 95%; 
	vertical-align: top; 
	text-align: left; 
	padding:2px 4px 2px 2px;
	width: 20%;
	border-left: 0px solid #FFFFFF; }
	
/* this renders thecomponent properties label with a bottom border in setup pages*/		
td.rbs_rightLabelWide {
	border-bottom: 1px solid #FFFFFF; 
	font-weight: bold; 
	font-size: 95%; 
	vertical-align: top; 
	text-align: right; 
	padding:2px 4px 2px 2px;
	width: 20%;
	border-left: 0px solid #FFFFFF; }

/* this renders thecomponent properties label with no bottom border in setup pages*/		
td.rbs_SetupLabelNoFieldBottom {
	padding:2px 4px 2px 2px;
	width: 20%;
	border-left: 0px solid #FFFFFF; 
	vertical-align: top; 
	font-weight: bold;
	font-size: 95%;
	text-align: right; }
	
/* used to render the setup column label that refers to a group of components in setup pages */
td.rbs_SetupColumnRequired { 
	color: #FF1000; 
	font-weight: bold; 
	font-size: 95%; 
	vertical-align: top; 
	text-align: right; 
	padding:2px 4px 2px 2px;
	width: 20%;
	border-left: 0px solid #FFFFFF; }
	
td.rbs_errorLabelRightWide {
	font-size: 95%; 
	font-weight: bold; 
	text-align: right; 
	border-bottom: 1px solid #FFFFFF; 
	vertical-align: top; 
	padding:2px 4px 2px 2px;
	width: 20%;
	border-left: 0px solid #FFFFFF;
	background-color: #FFDCD9;
}

td.rbs_errorLabelRight {
	font-size: 95%; 
	font-weight: bold; 
	text-align: right; 
	border-bottom: 1px solid #FFFFFF; 
	vertical-align: top;
	background-color: #FFDCD9;
	padding:2px 4px 2px 2px;
	width: 20%;
	border-left: 0px solid #FFFFFF;
}

td.rbs_errorLabelRight3 {
	font-size: 95%; 
	font-weight: bold; 
	text-align: right; 
	border-bottom: 1px solid #FFFFFF; 
	vertical-align: top;
	background-color: #FFDCD9;
	padding:2px 4px 2px 2px;
	width: 13%;
	border-left: 0px solid #FFFFFF;
}

td.rbs_errorLabelRequired {
	font-size: 95%; 
	font-weight: bold; 
	text-align: right; 
	border-bottom: 1px solid #FFFFFF; 
	vertical-align: top;
	background-color: #FFDCD9;
	padding:2px 4px 2px 2px;
	width: 20%;
	border-left: 0px solid #FFFFFF;
	color: #FF1000; 
}

td.rbs_errorLabelRequiredWide {
	font-size: 95%; 
	font-weight: bold; 
	text-align: right; 
	border-bottom: 1px solid #FFFFFF; 
	vertical-align: top;
	background-color: #FFDCD9;
	padding:2px 4px 2px 2px;
	width: 20%;
	border-left: 0px solid #FFFFFF;
	color: #FF1000; 
}

td.rbs_errorLabelRequired3 {
	font-size: 95%; 
	font-weight: bold; 
	text-align: right; 
	border-bottom: 1px solid #FFFFFF; 
	vertical-align: top;
	background-color: #FFDCD9;
	padding:2px 4px 2px 2px;
	width: 13%;
	border-left: 0px solid #FFFFFF;
	color: #FF1000; 
}

/* renders the "Return to App" link in Setup Pages */
.rbs_ReturnToAppLink {color: #000088; text-align: right; font-weight: bold;}
.rbs_ReturnToAppLink a:link{color: #000088;}
.rbs_ReturnToAppLink a:visited{color: #000088;}
.rbs_ReturnToAppLink a:hover {color: #000088;}

/* Renders the components header info "Red= required  information" */
.rbs_ComponetHeaderInfo {text-align: right; width: 100%; font-size: 90%; font-weight: bold; color: #635D5A;}

/* used to render label of component properties in medium size (objImport2.jsp) */
.rbs_SetupLabelMedium {
	font-size: 110%; 
	text-align: right; 
	vertical-align: top; 
	font-weight: bold; 
	color: #635D5A; 
	border-bottom: 1px solid #FFFFFF;}

/* thin section Title */
.rbs_thinSectionTitle {
	text-align: left;
	font-size: 110%;
	font-weight: bold;
	color: #635D5A;
	background-color: #E8E8E8;
	width: 100%;}

/* available component name in page editor */
.rbs_AvailCompName{background-color: #FFFFFF; color: #21B600; text-align: left; font-size: 90%; font-weight: bold; vertical-align: top;}

/* used to render the topic of the page (Object, Portal: etc)in Setup pages */
.rbs_PageTopicWide{font-size: 120%; vertical-align: middle; text-align: left; color: #635D5A; font-weight: bold; width: 100%;}

/* render a bold link in navy color (used to display the portal main link) */
.rbs_BoldNavyLink {
	padding: 2px 2px 2px 4px;
	width: 30%;
	border-right: 0px solid #FFFFFF; 
	font-weight: bold; 
	vertical-align: top; 
	text-align: left;
	border-bottom: 1px solid #FFFFFF;}

/* used to render column that has the entire sidebar content  */
.rbs_sidebarContent{vertical-align: top; background-color:#FFF; height: 100%;text-align: left;}/*BEC879,737B33,737B33*/

/* Render a column that has Headings or Text in Gray and Bold in New App Page*/
td.rbs_GrayHeading{padding: 2px 2px 2px 4px;width: 100%;border-right: 0px solid #FFFFFF;border-left: 0px solid #FFFFFF; font-weight: bold; font-size: 120%; color: #635D5A;text-align: left;}

/* Render Column that has HTML text in gray bold (Search.jsp Keyword)*/
td.rbs_leftHTMLCol{vertical-align: top; font-weight: bold; font-size: 95%; text-align: left; padding: 2px 2px 2px 4px;width: 100%;border-right: 0px solid #FFFFFF;border-left: 0px solid #FFFFFF;}

/* Renders disabled checkbox in field Setup Pages */
td.rbs_disabledFieldProp{text-align: left; vertical-align: top; color: #635D5A; border-bottom: 1px solid #FFFFFF; padding:2px 4px 2px 2px;width: 80%;border-left: 0px solid #FFFFFF;}

/* renders the help information about the component in detail in gray in setup pages */
td.rbs_grayDetailInfoCol{
padding:2px 4px 2px 2px;
width: 20%;
border-left: 0px solid #FFFFFF; 
color: #635D5A; 
text-align: left; 
vertical-align: top; }

/*Used to render a empty table in primary(#FFFFFF;) color in a section that has charts */
.rbs_primaryEmptyTable{width: 100%; border-bottom: 1px solid #DFE0B4; border-left: 8px solid #FFFFFF; border-right: 8px solid #FFFFFF; background-color: #FFFFFF;}


/* Used to render the text Search Results in helpSearch.jsp   */
.rbs_ResultLabel{font-size: 120%; vertical-align: middle; text-align: left; color: #635D5A; font-weight: bold;}

/* render the login form mockup in page editor */
.rbs_loginFormFields{text-align: right; font-size: 95%; vertical-align: top; font-weight: bold; color: #9C9C9C;}

/* render the new component link (New Object, New Template etc) in component pages(objects.jsp, tabs.jsp etc) in Setup Pages */
.rbs_NewComponentLink {text-align: left; width: 100%; vertical-align: top;font-weight: bold;}

/* used to render a very large text as alert (used in confirmcheckDialog.jsp) */
.rbs_xxlargeAlert {
	text-align: center;
	font-size: 180%;
	color: #9C0000;
	font-weight: bold; }

/* renders the text in silver and bold and center. used in rendering the relation type names */
.rbs_silverBold{vertical-align: top; font-weight: bold;text-align: center;color: #9C9C9C;}

/* renders the Data Column of a field in a three column section */
td.rbs_leftDataCol3{text-align: left; vertical-align: top; padding: 2px 2px 2px 4px;width: 20%;border-right: 0px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;}
td.rbs_leftDataCol input{font-size: 100%;}
td.rbs_leftDataCol select{font-size: 100%;}

/* renders the Data Column of a field in a two column section */
td.rbs_leftDataCol{text-align: left; vertical-align: top; padding: 2px 2px 2px 4px;width: 30%;border-right: 0px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;}
td.rbs_leftDataCol input{font-size: 100%;}
td.rbs_leftDataCol select{font-size: 100%;}

/* used to render the Data Column of a field in a one column section */
td.rbs_leftDataColWide{text-align: left; vertical-align: top; border-bottom: 1px solid #FFFFFF;padding: 2px 2px 2px 4px;width: 80%;border-right: 0px solid #FFFFFF;}
td.rbs_leftDataColWide input{font-size: 100%;}
td.rbs_leftDataColWide select{font-size: 100%;}

td.rbs_errorDataColWide {background-color: #FFDCD9; text-align: left; vertical-align: top; border-bottom: 1px solid #FFFFFF;padding: 2px 2px 2px 4px;width: 80%;border-right: 0px solid #FFFFFF;}
td.rbs_errorDataColWide input{font-size: 100%;}
td.rbs_errorDataColWide select{font-size: 100%;}

td.rbs_errorDataCol {background-color: #FFDCD9; text-align: left; vertical-align: top; padding: 2px 2px 2px 4px;width: 30%;border-right: 0px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;}
td.rbs_errorDataCol input{font-size: 100%;}
td.rbs_errorDataCol select{font-size: 100%;}

td.rbs_errorDataCol3 {background-color: #FFDCD9; text-align: left; vertical-align: top; padding: 2px 2px 2px 4px;width: 20%;border-right: 0px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;}
td.rbs_errorDataCol input{font-size: 100%;}
td.rbs_errorDataCol select{font-size: 100%;}


/* renders a column with detail information about the component property in Setup Pages*/
td.rbs_grayDetailHTMLcol{color: #635D5A; padding: 2px 2px 2px 4px;width: 100%;border-right: 0px solid #FFFFFF;border-left: 0px solid #FFFFFF;}


/*render columns that has bold data (relationsEdit, relationshipConvert pages) .*/
td.rbs_boldDataCol{text-align: left; vertical-align: top; font-weight: bold; padding: 2px 2px 2px 4px;width: 80%;border-right: 0px solid #FFFFFF;}
td.rbs_boldDataCol input{font-size: 100%;}
td.rbs_boldDataCol select{font-size: 100%;}

/* renders the left Data Column in email pages*/
td.rbs_emailLeftDataCol{border-bottom: 1px solid #FFFFFF; text-align: left; vertical-align: top; padding: 2px 2px 2px 4px;width: 90%;border-right: 0px solid #FFFFFF;}
td.rbs_emailLeftDataCol select{font-size: 100%;}
td.rbs_emailLeftDataCol input{font-size: 100%;}

/* renders a column data in medium size from left in setup pages*/
.rbs_leftMediumCol{text-align: left; font-weight: bold; border-bottom: 1px solid #FFFFFF; font-size: 110%;}

/* renders  a column that fills the entire row and has bottom border  (AssignPages.jsp) */
.rbs_fieldBottomColumn{width: 100%; font-weight: bold; text-align: left; border-bottom: 1px solid #FFFFFF;}

/* renders a heading with a bottom border for the field (fieldCreate2.jsp eg: Application Pages) */
.rbs_fieldBottomHeading{vertical-align: top; font-weight: bold; text-align: left; border-bottom: 1px solid #FFFFFF;}

/* renders a white table with padding in Edit pages in Setup */
.rbs_whiteTable{padding: 2px 2px 2px 4px;width: 100%;border-right: 0px solid #FFFFFF; border-left: 0px solid #FFFFFF; background-color: #FFFFFF; width: 100%;}

/* renders a table with the primary color(#E8E8E8) as background (reportEdit.jsp) */
table.rbs_primaryDetailTable {width: 100%; border-bottom: 1px solid #FFFFFF; background-color: #E8E8E8;}
table.rbs_primaryDetailTable td.detailHTMLCol{padding: 2px 2px 2px 4px; border-right: 0px solid #FFFFFF;border-left: 0px solid #FFFFFF;}


/* renders the "Application Settings" link */
.rbs_appSettlink {text-align: right; border-bottom:1px solid #737B33; border-top: 1px solid #FFFFFF;}
.rbs_appSettlink a:link{color: #FFFFFF;}
.rbs_appSettlink a:visited{color: #FFFFFF;}
.rbs_appSettlink a:hover {color: #FFFFFF;}

/* renders help info in a Data column on the right (PortalEdit.jsp) */
td.rbs_grayDataCol{text-align: left; vertical-align: top; color: #635D5A; padding: 2px 2px 2px 4px;width: 80%;border-right: 0px solid #FFFFFF;}
td.rbs_grayDataCol input{font-size: 100%;}
td.rbs_grayDataCol select{font-size: 100%;}

/* renders a section with thick borders  Pagesection.java */
.rbs_sectionTablePrimary{ width: 100%; background-color: #FFFFFF;  border-top: 1px solid #635D5A;}

/* renders bold gray text (numbers in filters)*/
.rbs_graybold{font-weight: bold; color: #635D5A; font-size: 120%; vertical-align: top;}

/* selector table */
.rbs_selectorTable {width: 100%; background-color: #E8E8E8; border: 0px; border-left: 5px solid #E8E8E8;border-right: 5px solid #E8E8E8;}

/* report table */
.rbs_listTable{background-color: #FFFFFF;border-bottom: 1px solid #DFE0B4;border-right: 8px solid #FFFFFF; width: 100%;}

/* core/web/setup pages */
.rbs_primaryTableNoborder{width: 100%; background-color: #FFFFFF; border: 0px;border-left: 8px solid #FFFFFF;border-right: 8px solid #FFFFFF; }
.rbs_setupprimaryTable {width: 100%; border: 0px; background-color: #E8E8E8; border-left: 8px solid #E8E8E8;border-right: 8px solid #E8E8E8;}


/* renders the info about search expression */
.rbs_InfoBoldSmall{vertical-align: top;font-size: 95%; font-weight: bold; border-bottom: 1px solid #9C9C9C;}
.rbs_InfograySmall{vertical-align: top; font-size: 95%; color: #635D5A; border-bottom: 1px solid #9C9C9C; }

/* not gray */
.rbs_InfoSmallWide {vertical-align: top; font-size: 95%; border-bottom: 1px solid #9C9C9C; width: 100%; }

/*Setup Header */
.rbs_setupHeader {width: 100%; font-size: 120%; font-weight: bold; }


/* renders gray text bold  in setup pages*/
.rbs_smallInfoGrayBold {vertical-align: top; font-size: 95%; color: #9C9C9C; border-bottom: 1px solid #9C9C9C;   font-weight: bold; }
.rbs_InfoGrayBoldWide {  width: 100%; vertical-align: top; font-size: 95%; color: #635D5A; border-bottom: 1px solid #9C9C9C;   font-weight: bold; }

/* not gray */
.rbs_InfoBold {vertical-align: top; border-bottom: 1px solid #9C9C9C;   font-weight: bold;}

/* top silverbottom */
.rbs_silverbottom {border-bottom: 1px solid #9C9C9C;  vertical-align: top; }


/* Renders yellow background table used in providing helptips */
.rbs_helptipTable {color: #000000; width: 100%; font-size: 100%; background-color: #FFF8CE;}
.rbs_helpTipCol {background-color: #FFF8CE; width: 100%;}

/* renders yellow links in topHeader.jsp */
.rbs_headerlinks {width: 100%; text-align: left; font-size: 95%;}
.rbs_headerlinks a:link{color: #FFE78F;}
.rbs_headerlinks a:visited{color: #FFE78F;}
.rbs_headerlinks a:hover {color: #FFE78F;}

/* renders a yellow background table with links in setup pages (ObjectView.jsp)*/
.rbs_highlightTable {text-align: center; width: 100%; background-color: #FFF8CE;}

/* renders links in a section and fills the entire row  like Edit Chart Link. */
.rbs_wideSectionLinks{vertical-align: middle; text-align: left; width: 100%;}
.rbs_wideSectionLinks a:link {font-size: 95%;}
.rbs_wideSectionLinks a:visited {font-size: 95%;}
.rbs_wideSectionLinks a:hover {font-size: 95%;}

/* renders links in a section like in Edit View */
.rbs_viewSectionLinks {vertical-align: middle; text-align: right; background: red; display: none;}
.rbs_viewSectionLinks  a:link {font-size: 95%;}
.rbs_viewSectionLinks  a:visited {font-size: 95%;}
.rbs_viewSectionLinks  a:hover {font-size: 95%;}

/* renders innder table in setup Pages (ex: administrationSetup.jsp)*/
.rbs_setupPageInnerTable {
vertical-align: top; 
text-align: left; 
height: 100%; 
width: 100%; }

/* renders outer table in setup pages  (ex: administrationSetup.jsp)*/
.rbs_setupPageOuterTable {
	vertical-align: top; 
	text-align: left; 
	height: 100%; 
	width: 100%;
	background-color: #FFFFFF;}

/* renders the main table that has both sidebar and the rest */
.rbs_mainContentTable {vertical-align: top; height: 100%; width: 100%; border: 0px; }

/* display error messages or alerts */
.rbs_alertMsg {color: #9C0000; font-weight: bold; text-align: left; }

/* renders the script component in page editor */
.rbs_scriptComponent{font-weight: bold; color: #0000FF; font-size: 95%;}

/* renders text in gray bold */
.rbs_grayInfo {font-weight: bold; color: #635D5A; font-size: 95%;}

/* render links in  side bar */
.rbs_sidebarLink {font-weight: bold; text-align: left;}
.rbs_sidebarLink  a:link {font-size: 95%;}
.rbs_sidebarLink  a:visited {font-size: 95%;}
.rbs_sidebarLink  a:hover {font-size: 95%;}

/* renders text in medium bold (ViewEdit.jsp)*/
.rbs_InfoMedium {font-weight: bold; font-size: 110%; vertical-align: top;}

/* renders short column with bottom border */
.rbs_shortColFieldbottom {vertical-align: top; text-align: left; border-bottom: 1px solid #FFFFFF;}

/* renders the right column of properties table in page Editor */
td.rbs_propertiesEditorRightCol {vertical-align: top; text-align: left; border-bottom: 1px solid #FFFFFF;}
td.rbs_propertiesEditorRightCol input, td.rbs_propertiesEditorRightCol select {font-size: 100%;}

/* renders the left column of properties table in page Editor */
.rbs_propertiesEditorLeftCol {text-align: right; vertical-align: top; font-size: 95%; font-weight: bold; border-bottom: 1px solid #FFFFFF; }

/* renders empty Silver table in setup pages */
.rbs_wideSilverEmptyTable {border-bottom: 1px solid #FFFFFF; width: 100%;background-color: #E8E8E8;}

/* renders the column that display warning icon in dialog box pages */
.rbs_warningIconCol{font-weight: bold; text-align: left; text-align: center;}

/*  renders a silver column  */
td.rbs_silverCol{padding: 2px 2px 2px 4px;width: 100%;border-right: 0px solid #FFFFFF;border-left: 0px solid #FFFFFF; text-align: left; vertical-align: top;}

/* renders the Wide Data column on right in setup pages */
td.rbs_SetupDataColWide { 
	vertical-align: top; 
	text-align: left; 
	padding: 2px 2px 2px 4px;
	width: 80%;
	border-right: 0px solid #FFFFFF;}
td.rbs_SetupDataColWide input{font-size: 100%;}
td.rbs_SetupDataColWide select{font-size: 100%;}

/* renders column with gray text UICOmponents.jsp) */
td.rbs_detailHTMLCol{vertical-align: top; color: #635D5A;}

/* renders white links in Menus */
.rbs_whiteLinks {text-align: left; color: #FFFFFF;}
.rbs_whiteLinks a:link{color: #FFFFFF;}
.rbs_whiteLinks a:visited{color: #FFFFFF;}
.rbs_whiteLinks a:hover {color: #FFFFFF;}

/* render column wide and left and top (Components.jsp) */
.rbs_wideLeftTop{width: 100%; text-align: left; vertical-align: top;}

/* renders the app name in top header */
.rbs_appName {text-align: left; color: #FFFFFF; width: 100%; font-weight: bold; border-top: 1px solid #FFFFFF; border-bottom:1px solid #737B33;font-size: 135%; }

/* renders the header on the sidebar */
.rbs_sidebarHeader{text-align: left;font-size: 95%; border-top: 1px solid #FFFFFF; border-right: 1px solid #737B33; border-bottom:1px solid #737B33;}

/* border-right:1px solid #737B33;*/

.rbs_sidebarHeader a:link{color: #FFFFFF;}
.rbs_sidebarHeader a:visited{color: #FFFFFF;}
.rbs_sidebarHeader a:hover {color: #FFFFFF;}

/* render the form table in objectForm and Report form pages*/
.rbs_roundedTable{border: 0px; background-color: #E8E8E8; width: 100%;}


/* renders the sub total summary col in list (report and view) */
tr.listItem td.rbs_summaryNumberCol {padding: 4px 4px 4px 4px; color: black;font-weight: bold;text-align: right; background-color: #FFF8CE !important }

/* renders the sub total text  */
tr.listItem td.rbs_summaryTextCol {padding: 4px 4px 4px 4px; color: black;font-weight: bold;text-align: left; background-color: #FFF8CE !important }

/* render the summary Text column for the total summary */
tr.listItem td.rbs_listSummaryText  {padding: 4px 4px 4px 4px; color: black;font-weight: bold;text-align: right;background-color: #FEE9D8 !important }

/* renders the total summary Number column */
tr.listItem td.rbs_listSummaryNumber {padding: 4px 4px 4px 4px; color: black;font-weight: bold;text-align: right;background-color: #FEE9D8 !important }


/* used in viewing list items */
tr.rbs_rowHighlightViewed {font-weight: normal; background-color: #FFF8CE;}
tr.rbs_rowHighlightViewed td { 
	color: black;
	border-left: 0px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align: left;
	vertical-align: text-top;
	vertical-align: top;
} 

tr.rbs_rowHighlightUnviewed {font-weight: bold; background-color: #FFF8CE;}
tr.rbs_rowHighlightUnviewed  td {
	color: black;
	font-weight: bold;
	border-left: 0px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align: left;
	vertical-align: text-top;
	vertical-align: top;
} 


tr.rbs_rowUnviewed {font-weight: bold;background-color: #FFFFFF;}
tr.rbs_rowUnviewed  td {
	color: black;
	font-weight: bold;
	border-left: 0px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align: left;
	vertical-align: text-top;
	vertical-align: top;
}

tr.rbs_parentRow {font-weight: bold; background-color: #F7F7F7;}
tr.rbs_parentRow  td {
	color: black;
	font-weight: normal;
	border-left: 0px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align: left;
	vertical-align: text-top;
	vertical-align: top;
}

tr.rbs_rowViewed {font-weight: normal;background-color: #EFEFF7;}
tr.rbs_rowViewed  td {
	color: black;
	font-weight: normal;
	border-left: 0px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align: left;
	vertical-align: text-top;
	vertical-align: top;
}


 tr.rbs_whiteListItem  td {
	color: black;
	font-weight: normal;
	border-left: 0px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align: left;
	vertical-align: text-top;
	vertical-align: top;
	background-color: #FFFFFF;
}
tr.rbs_parentRow td.smallIcon, 
tr.rbs_rowHighlightViewed td.smallIcon, 
tr.rbs_rowHighlightUnviewed td.smallIcon, 
tr.rbs_whiteListItem td.smallIcon, 
tr.objectListHeader th.smallIcon {text-align: center;white-space: nowrap;padding: 4px 2px 4px 0px;}

tr.rbs_rowUnviewed td.listItemValue,
tr.rbs_rowViewed td.listItemValue, 
tr.rbs_rowHighlightViewed td.listItemValue, 
tr.rbs_rowHighlightUnviewed td.listItemValue, 
tr.rbs_whiteListItem td.listItemValue {padding: 4px 4px 4px 4px;}

tr.rbs_rowUnviewed td.actonCol,
tr.rbs_rowViewed td.actionCol, 
tr.rbs_rowHighlightViewed td.actionCol, 
tr.rbs_rowHighlightUnviewed td.actionCol, 
tr.rbs_whiteListItem td.actionCol {font-weight: normal;font-size: 95%;padding: 4px 4px 4px 4px;white-space: nowrap;}

tr.rbs_rowUnviewed td.actionCol,
tr.rbs_rowViewed th.actionCol, 
tr.rbs_rowHighlightViewed th.actionCol, 
tr.rbs_rowHighlightUnviewed th.actionCol, 
tr.rbs_whiteListItem th.actionCol {font-weight: normal;font-size: 100%;padding: 4px 4px 4px 4px;white-space: nowrap;}

tr.rbs_rowUnviewed td.groupSpacer,
tr.rbs_rowViewed td.groupSpacer, 
tr.rbs_rowHighlightViewed td.groupSpacer, 
tr.rbs_rowHighlightUnviewed td.groupSpacer, 
tr.rbs_whiteListItem td.groupSpacer{border-bottom: 0px;border-top: 0px;border-right: 1px solid #FFFFFF;background-color: #E8FCDC;}

tr.rbs_rowUnviewed td.checkbox,
tr.rbs_rowViewed td.checkbox, 
tr.rbs_rowHighlightViewed td.checkbox, 
tr.rbs_rowHighlightUnviewed td.checkbox, 
tr.rbs_whiteListItem td.checkbox{width: 30px;text-align: right;white-space: nowrap;padding: 2px 2px 0px 2px;}

tr.rbs_whiteListItem td.listItemNumberValue {padding: 4px 4px 4px 4px;text-align: right;}
tr.rbs_whiteListItem td.summary {color: #9C9C9C;font-weight: bold;text-align: right;background-color: #FFF8CE !important}
tr.rbs_whiteListItem td.totalSummary {color: #635D5A;font-weight: bold;text-align: left;background-color: #FEE9D8 !important}
tr.rbs_whiteListItem td.rbs_listItemValueRight {padding: 4px 4px 4px 4px; text-align: right;}

/* renders primary colored table */
.rbs_primaryWideTable{background-color: #FFFFFF; width: 100%;}

/* display notificaion table in page editor*/
.rbs_notificationTable {background-color: #FEE9D8; height: 100%; width: 100%;}

/* renders wide silver  table with top border (ex: objectView page) */
.rbs_silverFieldTopWide {background-color: #E8E8E8; width: 100%; border-top: 1px solid #FFFFFF;}

/* renders wide silver table with gray bottom border */
.rbs_silverGraybottom{background-color: #E8E8E8; width: 100%; border-bottom: 1px solid #635D5A;}

/* render helptiptable */
.rbs_FormHelpTipTable {background-color: #FFF8CE; color: #9C9C9C; font-size: 95%;}

/* render editor form table */
.rbs_editorFormTable{background-color: #F2F4C6; width: 100%; height: 100%;}

/* render expanding column in reprot*/
.rbs_reportExpand{vertical-align: top; text-align: center; background-color: #D2D2DF;}

/* render the main content table in setup pages*/
.rbs_componentContentTable{ padding: 2px 2px 2px 4px;width: 100%;border-right: 0px solid #FFFFFF;border-left: 0px solid #FFFFFF; background-color: #FFFFFF; width: 100%;}

/* render white blank table */
.rbs_whiteBlankTable {background-color: #FFFFFF; width: 100%; border: 0px;}

/* render white blank table */
.rbs_whitePaddedGrayBottomTable {padding: 2px 2px 2px 4px;width: 100%;border-right: 0px solid #FFFFFF;border-left: 0px solid #FFFFFF; background-color: #FFFFFF; width: 100%;border-bottom: 1px solid #CCCCCC;}

/* renders filter table */
td.rbs_filtersTable{vertical-align: top; padding: 2px 2px 2px 4px;width: 100%;border-right: 0px solid #FFFFFF;border-left: 0px solid #FFFFFF; text-align: right;}

/*render record action column (edit, delete button etc) */
.rbs_recordActionCol {text-align: right; vertical-align: top;}

/* renders login table in page editor */
.rbs_peloginTable{height: 100%; width: 100%; background-color: #EFEFF7;}

/* renders empty row to separate sections */
.rbs_separatorRow{background-color: #E8E8E8; width: 100%; border-top: 1px solid #635D5A;}

/* div spacer in page editor */
.rbs_peDivSpacer {width: 100%; background-color: #E8E8E8; font-size: 1%; }

/* renders top header table */
.rbs_topHeaderTable {vertical-align: top; width: 100%; border: 0px; }

/* htmlEditDialog.jsp */
.rbs_centerwide{vertical-align: middle; text-align: left; width: 100%;}

/* render table with  gray borders (recyclebin.jsp) */
.rbs_grayWideTable{width: 100%;} /** replaced with wide **/

/* render main table in all setup pages */
.rbs_mainComponentTable{width: 100%; border: 0px; padding: 0px;}

/* topHeader.jsp */
.rbs_topHeaderNoborder{width: 100%; border: 0px; background-color:#365A84;}

/* pageEditor.js */
.rbs_peSelectorTable{width: 100%; border: 0px; background-color: #E8E8E8;}

/* renders top portion of unselected tabs */
.rbs_unselectedTabtop{width: 100%; border: 0px; background-color: #EFEFF7;}

/* renders unselected tab */
.rbs_unselectedTab {width: 100%; background-color: #EFEFF7;border-top: 3px solid #EFEFF7; border-bottom: 3px solid #EFEFF7; border-left: 5px solid #EFEFF7;border-right: 5px solid #EFEFF7; }

/* renders selected tab table */
.rbs_selectedTab {width: 100%; background-color: #5583BB; border-top: 3px solid #5583BB; border-left: 5px solid #5583BB;border-right: 5px solid #5583BB; border-bottom: 3px solid #5583BB;}

/* selected tab top */
.rbs_selectedTabtop {width: 100%; border: 0px; background-color: #5583BB; }

/* UICOmponets.java */
.rbs_widePrimary {width: 100%; background-color: #FFFFFF; border-left: 8px solid #FFFFFF;border-right: 8px solid #FFFFFF;}

/* renders table that separates section */
.rbs_sectionSeparate {width: 100%; background-color: #FFFFFF; border-bottom: 1px solid #9C9C9C;}

/* renders error message table */
.rbs_errormsgTable{width: 100%; color: #9C9C9C; background-color: #FFDCD9;}

/* renders the table with lookup value */
.rbs_lookupValue {width: 100%; background-color: #E8E8E8; border-left: 5px solid #E8E8E8;border-right: 5px solid #E8E8E8;}

/* renders items list in the side bar */
.rbs_sidebarListItems{background-color: #DCE1B6; border-left: 8px solid #DCE1B6;border-right: 8px solid #DCE1B6; width: 100%;}

/* UI Components.java */
.rbs_silverNoborderTable {background-color: #E8E8E8; border: 0px; width: 100%;}	
	
/* render outer component content table */
.rbs_outerMainComponentTable {width: 100%; height: 100%; vertical-align: top; background-color: #FFFFFF;}

/* renders columns that are highlighted yellow */
.rbs_highlightLinks{background-color: #FFF8CE;}
.rbs_highlightLinks a:link{font-weight: bold;color: #000000;}
.rbs_highlightLinks a:visited{font-weight: bold;color: #000000;}
.rbs_highlightLinks a:hover {font-weight: bold;color: #000000;}

/* renders a col with gray borders */
.rbs_grayCol{border-top: 1px solid #635D5A; border-bottom: 1px solid #635D5A;}

/* renders the column with appEditIcon in setup page */
.rbs_appEditIcon{border-bottom:1px solid #737B33; border-top: 1px solid #FFFFFF;}

/* renders text large and courier font */
.rbs_largeCourier{font-size: 120%; font-family: courier, courier new, monospace;}


/* renders miniCalendar table */
table.rbs_miniCalTable{width: 100%;font-size: 95%;background-color: #EFEFF7;}
table.rbs_miniCalTable td{padding: 2px 5px 2px 5px;border-width: 0px;text-align: center;}
table.rbs_miniCalTable A:link {color: black;text-decoration: none;}
table.rbs_miniCalTable A:visited {color: black;text-decoration: none;}
table.rbs_miniCalTable A:hover {color: black;text-decoration: underline;}
table.rbs_miniCalTable th{color: black;font-weight: normal;text-align: center;}

/* renders text extremely small and white (page load)*/
.rbs_xxsmallWhite{font-size: 85%; color: #FFFFFF;}

/* renders spacer column (lists) */
.rbs_smallSpacer{font-size: 90%; border-bottom: 0px;border-top: 0px;border-right: 1px solid #FFFFFF;background-color: #E8FCDC;}

/* renders component name in page editor */
.rbs_componentName {color: #9C9C9C; font-size: 90%; text-align: right; font-weight: normal; }

/* renders silver text very small */
.rbs_smallStatus{color: #9C9C9C; font-size: 90%;}


/* renders listItem aligned right for numbers */
tr.listItem td.rbs_listItemValueRight {padding: 4px 4px 4px 4px; text-align: right;}

/* renders a wide table */
table.rbs_detailTable{width: 100%; }
table.rbs_detailTable td.detailHTMLCol{padding: 2px 2px 2px 4px; border-right: 0px solid #FFFFFF;border-left: 0px solid #FFFFFF;}

/* orange table */
table.rbs_imorangeWide {width: 100%;background-color: #FAD163;}

/* primary wide  tables no border*/
.rbs_primaryWide{width: 100%; background-color: #FFFFFF;}

/* help.jsp */
.rbs_darkblueTable {background-color:#365A84;width: 100%;}

/* infomessage wide */
.rbs_infoMessage {background-color: #FFF1A8;width: 100%; }

/* empty sidebar column */
.rbs_wideEmptySidebar{width: 100%;}

/* wide white table/Div component view pages (tabView, appView etc)  */
.rbs_wideWhite {width: 100%;background-color: #FFFFFF;}

/* render column wide and right */
.rbs_rightWide{width: 100%;text-align: right;}

/* wideSecondary (#EFEFF7) */
.rbs_secondaryWide {width: 100%; background-color: #EFEFF7;}

/* setupprimary Wide */
.rbs_setupPrimaryWide {width: 100%; background-color: #E8E8E8; }

/* top and bottom borders for a column */
.rbs_topBottomBorders{border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF;}

/* SetupComponents.java */
.rbs_primaryLeftBorder {border-left: 8px solid #E8E8E8; width: 100%;}

/* renders table with no border and title. */
table.rbs_bottomBorderTable {width: 100%; border-bottom: 1px solid #FFFFFF;}
table.rbs_bottomBorderTable  td.detailHTMLCol{padding: 2px 2px 2px 4px;border-right: 0px solid #FFFFFF;border-left: 0px solid #FFFFFF;}

/*wide noborder table */
.rbs_noborderTable { border: 0px; width: 100%;}

/* light purple table */
.rbs_lightPurpleTable {width: 100%; background-color: #E1DFF4;}

/* lightRedTable */
.rbs_lightRedTable {width: 100%; background-color: #FFDCD9;}

/* silver Table */
.rbs_lightsilverTable {width: 100%; background-color: #E8E8E8;}

/* silver side border table */
.rbs_silverSideBorderTable {width: 100%; border-left: 5px solid #E8E8E8;border-right: 5px solid #E8E8E8;}

/* mediumPurple table */
.rbs_mediumPurpleTable {width: 100%; background-color: #D2D2FF;}

/* Secondary Table */
.rbs_secondaryTable {border-bottom: 1px solid #FFFFFF; background-color: #EFEFF7;}

/* small gray Text */
.rbs_smallGray {color: #635D5A; font-size: 95%;}

/* center bold */
.rbs_centerBold {font-weight: bold;text-align: center;}

/* rblightyellow center */
.rbs_HighlightCenter {text-align: center; background-color: #FFF8CE; }

/* center wide bold small renders Month and year in calendar */
.rbs_miniCalHeader {font-size: 95%;font-weight: bold;text-align: center; width: 100%;}

/* right small renders >> links */
.rbs_calNext {font-size: 95%;text-align: right;}

/* bold italic */
.rbs_boldItalic{font-weight: bold; font-style: italic;}

/* renders the text read only */
.rbs_readOnly{font-weight: bold; color: #9C9C9C;}

/* wide small "Back to List links" */
.rbs_BacktoCol {font-size: 95%; width: 100%;}

/* xlarge bold */
.rbs_xlargeBold {font-weight: bold; font-size: 150%;}

/* gary Div */
.rbs_unselectedButton {padding: 2px 4px 2px 4px; background-color: #E8E8E8; border: 1px solid #CCCCCC; }
.rbs_selectedButton {padding: 2px 4px 2px 4px; border: 1px solid #CCCCCC; font-weight: bold; background-color: #FFF8CE;}

/* wide no border table */
.rbs_wideTable {width: 100%; border:0px;}

/* component bar in setup pages */
.rbs_componentBar {width: 100%; border-left: 8px solid #E8E8E8;border-right: 8px solid #E8E8E8; background-color: #E8E8E8; }

/* Wide silver table */
.rbs_silverTableWide {width: 100%; border-left: 5px solid #E8E8E8;border-right: 5px solid #E8E8E8; }

/* setup col in setup pages */
.rbs_setupBar {width: 100%; background-color:#FFF; font-size: 95%;}

/* right large bold top setup page */
.rbs_rightLargeText {font-weight: bold; text-align: right; vertical-align: top; font-size: 120%; }

/* container table in setup pages */
.rbs_Container {width: 100%; height: 100%; vertical-align: top; border: 0px; }

/* bold wide column */
.rbs_boldWideCol {width: 100%; font-weight: bold; }

/* renders setupsecondary table */
.rbs_wideSetupSecondary {width: 100%; border: 0px; background-color: #EFEFF7;}


/* renders table for sections with thick border */
.rbs_thickBorderTable {width: 100%; border-bottom: 1px solid #FFFFFF;border-left: 8px solid #FFFFFF;}

/* renders red text */
.rbs_redMessage { color: #FF1000; text-align: center; font-weight: bold; }

/* renders white small text */
.rbs_whiteSmall {text-align: right; font-size: 95%; color: #FFFFFF; }

/* renders the menu in setup pages */
.rbs_setupMenu {width: 100%;border: 3px;}