/******************/
/* start rico.css */
/******************/
.accordionTabTitleBar {
 color:#000;
 background-image:url("tabkgrnd.jpg");
 background-repeat: repeat-x;
 font-weight:bold;
 height: 16px;
 font-weight : 'normal';
 padding-left: 5px;
 font-size:10px;
 cursor:pointer;
}

.accordionTabTitleBarHover {
 color:#000;
 background-image:url("tabkgrnd.jpg");
 background-repeat: repeat-x;
 font-weight:bold;
 height: 16px;
 font-weight : 'normal';
 padding-left: 5px;
 font-size:10px;
 cursor:pointer;
}

.accordionTabContentBox {
 font-size: 11px;

/*border: 1px solid #cccccc;*/

 /*padding: 0px 8px 0px 8px;*/
 padding:5px;
}
/****************/
/* end rico.css */
/****************/


/* start ricoHeader.css */
/* end ricoHeader.css */


/**********************/
/* start openrico.css */
/**********************/
#content {
 margin-left: 230px;
 background-color: transparent;
}

#sidebar {
 float: left;
 width: 220px;
 margin: 0px;
 margin-right: 5px;
 padding: 0px;
}

#leftHalf {
 float:left;
 width: 300px;
 margin: 0px 5px 0px 0px;
 padding: 0px;
}

#rightHalf {
 width: 300px;
 margin: 0px;
 margin-left: 310px;
 padding: 0px;
}

#position {
 padding-top: 0px;
 margin-top:  0px;
}

div.portalContent p {
 margin: 6px 8px 0px 8px;
 padding: 0px;
}
div.header {
 margin: 0px 8px 0px 8px;
 padding: 0px;
}

#accordionExample {
 /*border: 1px solid #cccccc;*/
 width: 460px;
}

#formLetterAccordionContent {
 overflow:hidden;
}

#formLetterAccordion {
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size: 11px;
 /*border: 1px solid #cccccc;*/
 width: 500px;
}

body, p {
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size: 11px;
}

.mainContent p {
 font-size: 14px;
}


.mainheader {
 font-weight: bold;
 font-size: 16px;
}

a:visited,
a:link,
a:hover  {
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 color:#00F;
}

a:visited, a:link {
 text-decoration: none;
 color:#00F;
}

a:hover  {
 color:#00F;
 text-decoration: underline;
}

a.menuLink:visited,
a.menuLink:link {
 color: #CCC;
}

a.selectedMenuLink:visited,
a.selectedMenuLink:link {
 color: #000;
}

div.mdBlueBox a:visited,
div.mdBlueBox a:link {
 color: #000;
}
a.menuLink:hover,
a.selectedMenuLink,
div.mdBlueBox a:hover {
 color: #000;
}

.menuLink,
.selectedMenuLink {
 margin-right: 25px;
}

.selectedMenuLink {
 font-size: 12px;
 font-weight: bold;
 color: #000;
}

div.portalContent a:visited,
div.portalContent a:link {
 text-decoration:underline;
 color:#000;
}

div.portalContent a:hover {
 text-decoration:underline;
}

#leftHalf a:visited,
#leftHalf a:link,
#rightHalf a:visited,
#rightHalf a:link {
 color:#000;
}

.demoLinks {
 display: block;
}

.bigText {
 font-family: Trebuchet MS, Arial;
 font-size: 18px;
 font-weight: bold;
 color: rgb(30,69,82);
}
		
.menuBox,
.clearBox,
.ltOliveBox,
.mdOliveBox,
.dkOliveBox,
.ltBlueBox,
.mdBlueBox,
.dkBlueBox,
.portalBox,
outlineBox {
 background-color: rgb(206, 222, 189);
 font-family: Trebuchet MS, Verdana, Arial;
 font-size: 11px;
 color:#000;
 padding-top: 6px;
 padding-bottom: 6px;
 margin-top: 6px;
}

.clearBox, .outlineBox {
 background-color: transparent;
}

.outlineBox {
 border: 1px solid #cccccc;
}

.dkOliveBox {
 background-color: #6b795a;
 color: #000;
}
.mdOliveBox {
 background-color: #adba8c;
}
.ltOliveBox {
 background-color: #cedebd;
}
.dkBlueBox {
 background-color: #003658;
 color: #000;
}
.mdBlueBox {
 background-color: #1f669b;
 color: #000;
}
.ltBlueBox {
 background-color: #C0D4e6;
}
.dkBlueGreenBox {
 background-color: #1e4552;
 color: #000;
}

ul.stylizedList {

 list-style: url("images/liBullet.gif");
}



.headerEndCap {
 background-color: #1F669B;
 width:50%;
}

/* fixes firefox padding in table cell with image in all but transitional mode */
#container td .imgcell {
 display: block;
}

.menuBox {
 background-color: rgb(30, 69, 82);
 color: #000;
}
	
.cellPadding {
 padding: 2px 2px 2px 2px;
}

.leftPadding {
 padding-left  : 7px;
 padding-right : 10px;
}
		
.topPadding {
 padding-top : 6px;
}

h2, .header {
 font-weight: bold;
 font-size: 13px;
}

div.simpleDropPanel {
 width: 200;
 height: 80px;
 padding: 2px;
 border: 1px solid #cccccc;
}

span.indentedLine {
 display: block;
 margin-left: 110px;
}

img { 
 border-width:0; 
}

a.backToSearch:link,
a.backToSearch:hover,
a.backToSearch:visited {
 text-decoration:underline;
 font-size: 14px;
 margin: 6px 0px 6px 0px;
}

a.no_link_hover:hover { 
 background: none !important; 
}

div.copyright {
 width: 45%;
 float: bottom;
 font-size: 8px;
 color: #999;
 margin-top: 55px;
 margin-left: 200px;
 border-top: 1px solid #ddd;
}

.copyright table {
 color: #999;
 font-size: 8px;
}

/*content border*/
#accordionExample {
border-top: 0px hidden;
 border: 1px solid #cccccc;
 width: 460px;
}

.accordion{
 border: 1px solid #4f4f4f;
}

.panelheader{

 background-image:url("tabkgrnd.jpg");
 background-repeat: repeat-x;
 height:16px;
 color : #ECECEC;
 font-weight : 'normal';
 padding-left: 5px;
 vertical-align:middle;
}
/* controls text color in title header when roll over */
div.Hover {
 background-color:#63699C;
 color:#000;
 font-weight:bold;
 height:16px;
 padding-left: 5px;
}
/* controls text color in title header when selected */
.panelClicked {
 background-color:#63699C;
 color:#FFF;
 font-weight:bold;
 height:16px;
 padding-left: 5px;
}


/* Header Tab Selected */
div.selected {
 background-image:url("images/tabbkgrndhighlight.gif");
 background-repeat: repeat-x;
color:#FFFFFF;
 font-weight:normal;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 height:16px;
 padding-left: 5px;
 vertical-align: text-bottom;
 cursor:text; 
}
.panelContent {
 background-color:#6B79A5;
 color:#CED7EF;
 font-weight:normal;
 overflow:scroll;
}

/* Header Tab Un Selected */
.accordionTabTitle {

 background-image:url("images/tabbkgrnd.gif");
 background-repeat: repeat-x;
 height:16px;
 padding-left: 5px;
 cursor:pointer;
/* border-bottom:1px solid #666666;*/
/* border-style:solid none;*/
border-top:0px solid  #999999;
 border-width:1px 0px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:#000000;
 vertical-align: text-bottom; 
}

/* Main PAnel Content */

.accordionTabContent {
 font-size:11px;

 /*background-image:url("images/background.gif");*/
 background-position:bottom;
 background-color:#FFF;
 overflow:auto;
 
}
/********************/
/* end openrico.css */
/********************/

/***********************/
/* start ricoTests.css */
/***********************/
/**
 *   Global
 *
 **/

.statusContainer {
 background-color: #ffd363;
}

span.statusMsg {
 font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 margin: 2px 6px;
}
#magic_fill {
 position:relative;
 azimuth:center;
 unicode-bidi:normal;
 line-height:normal;
 letter-spacing:normal;
 visibility:hidden;
 list-style-type:none;
 left:auto;
 elevation:inherit;
}
span.code {
 font-family: fixed;
 font-size: 11px;
 color: #4b4b4b;
}

span.codeTitle {
 font-family:"Courier New", Courier, monospace;
 font-size: 12px;
}

span.code2 {
 font-family:"Courier New", Courier, monospace;
 font-size: 11px;
 margin: 12px;
}

span.code3 {
 display: block;
 font-family:"Courier New", Courier, monospace;
 font-size: 11px;
 padding-left: 12px;
}

span.bigTitle {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 14px;
}

div.title {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 10px;
 background-color: #797979;
 color: #FFF;
 width: 200px;
 margin: 1px;
}

span.title {
 font-family: Arial;
 font-size: 12px;
 margin: 1px;
}

span.catHeader {
 font-family: Arial;
 font-weight: bold;
 font-size: 11px;
 color: #5b5b5b;
 margin-left: 8px;
 margin-top: 12px;
 display: block;
}

/**.x { display:block; #5b5b5b }


*/
.linkBox {
 padding-top: 5px;
 padding-bottom: 5px;
 background-color: #cdd7b5;
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 11px;
}

.listBox {
 padding-top: 5px;
 padding-bottom: 5px;
 background-color: #FFF;
 border: 1px solid #8b8b8b;
}

.logBox {
 padding-top: 5px;
 padding-bottom: 5px;
 background-color: #FFE;
 border: 1px solid #8b8b8b;
}

.codeBox {
 padding-top: 5px;
 padding-bottom: 5px;
 background-color: #E0DDB5;
}

.links {
 font-family: Arial;
 font-size: 10px;
 text-decoration: none;
 margin-bottom: 0px;
}

.customDraggable {
 background-color: #E0DDB5;
 color: #5b5b5b;
 border: 1px solid #5b5b5b;
 -moz-opacity: 0.7;
 padding: 1px 5px 1px 5px;
}
/*********************/
/* end ricoTests.css */
/*********************/
/*body {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-style:normal;
 font-weight:normal;
 text-align:left;
 text-decoration:none;
 color:#000;
 margin:0px;
 padding:0px;
 background-color:#F3F3F3;
}
#page_wrapper {
 margin-left:auto;
 margin-right:auto;
 background-color:#FFF;
}*/
.btn {
 border-top:1px solid #FFF;
 border-right:1px solid #666;
 border-bottom:1px solid #666;
 border-left:1px solid #FFF;
 background-color:#060;
 color:#FFF;
 font-size:11px;
}
.inpt_fld {
 border-top:1px solid #666;
 border-right:1px solid #FFF;
 border-bottom:1px solid #FFF;
 border-left:1px solid #666;
 font-size:11px;
 _font-size:10px;
 width:40px;
}
.inpt_fld_total {
 border-top:1px solid #666;
 border-right:1px solid #FFF;
 border-bottom:1px solid #FFF;
 border-left:1px solid #666;
 font-size:11px;
 _font-size:10px;
 width:50px;
}
#yellow {
 width:430px;
}
#leftbg {
 background-image:url("left_bg.gif");
 background-repeat:repeat-y;
}
#rightbg {
 background-image:url("right_bg.gif");
 background-repeat:repeat-y;
}
select,
option,
form#DrpDwnCrdt select option,
form#DrpDwnIdntty select option {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
}
.clear_floats {
 clear:both;
}
a:link,
a:visited,
a:hover,
a:active, 
a.bluelink:link,
a.bluelink:visited,
a.bluelink:hover,
a.bluelink:active {
 color:#00F;
 text-decoration:underline;
}
#panel2Content {
 overflow:auto;
}