/* rico */
.accordionTabTitleBar {
   font-size           : 12px;
	padding             : 4px 6px 4px 6px;
   border-style        : solid none solid none;
	border-top-color    : #BDC7E7;
	border-bottom-color : #182052;
   border-width        : 1px 0px 1px 0px;
}

.accordionTabTitleBarHover {
   font-size        : 11px;
	background-color : #1f669b;
	color            : #000000;
}

.accordionTabContentBox {
   font-size        : 11px;
   border           : 1px solid #1f669b;
   border-top-width : 0px;
   padding          : 0px 8px 0px 8px;
}


#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 {
	width : 800px;
}


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

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

/*
a:visited, a:link, a:hover  {
	font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
}

a:visited, a:link {
   text-decoration : none;
   color           : black;
}

a:hover  {
	color           : black;
	text-decoration : underline;
}

a.menuLink:visited, a.menuLink:link {
   color: #CCCCCC;
}
*/

div.mdBlueBox a:visited, div.mdBlueBox a:link {
   color: white;
}
a.menuLink:hover, div.mdBlueBox a:hover {
   color: white;
}

.menuLink {
  margin-right : 25px;
}

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

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

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

.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            : black;
	padding-top      : 6px;
	padding-bottom   : 6px;
	margin-top       : 6px;
}

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

.outlineBox {
   border: 1px solid gray;
}

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

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

/*
COLOR PALETTE
DkBlueGreen #1e4552
Orange #f79a10

DkOlive #6b795a
MdOlive #adba8c
LtOlive #cedebd

DkBlue #003658
MdBlue  #1f669b
LtBlue #90D4e6
*/

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

}

/* fixes firefox padding in table cell with image in all
but transitional mode */

.menuBox {
   background-color : rgb(30, 69, 82);
   color            : white;
}
	
.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 #5b5b5b;
}

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

a.backToSearch:link, a.backToSearch:hover, a.backToSearch:visited {
   text-decoration:underline;
   font-size: 14px;
   margin: 6px 0px 6px 0px;
}
.copyright {
	width : 50%;
	float : bottom;
	color : #444;
}
.copyright table {
		color : #444;
}

/**
 *   Global
 *
 **/

.statusContainer {
   background-color : #ffd363;
}

span.statusMsg {
   font-family      : Tahoma;
   font-size        : 11px;
   font-weight      : bold;
   margin           : 2px 6px;
}

span.code {
   font-family : fixed;
   font-size   : 11px;
   color       : #4b4b4b;
}

span.codeTitle {
   font-family : Courier;
   font-size   : 12px;
}

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

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

span.bigTitle {
   font-family : Arial;
   font-size   : 14px;
}

div.title {
   font-family      : Arial;
   font-size        : 10px;
   background-color : #797979;
   color            : #ffffff;
   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 : #ffffff;
   border           : 1px solid #8b8b8b;
}

.logBox {
   padding-top      : 5px;
   padding-bottom   : 5px;
   background-color : #ffffee;
   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;
 /*  filter           : alpha(Opacity=70); */
   -moz-opacity     : 0.7;
   padding          : 1px 5px 1px 5px;
}
/*
div {
   scrollbar-face-color        : #cdd7b5;
   scrollbar-highlight-color   : #dfe5cf;
   scrollbar-shadow-color      : #cdd7b5;
   scrollbar-base-color        : #cdd7b5;
   scrollbar-dark-shadow-color : #cdd7b5;
   scrollbar-arrow-color       : #255F81;
   scrollbar-track-color       : #c3d1ac;
}
*/
 /**
  *   ricoColor.html
  *
  **/

.formPanel {
   background-color : #cdd7b5;
   width            : 150px;
}

div.explain-text {
   width       : 550px;
   font-family : Arial;
   font-size   : 14px;
   padding     : 8px
}

span.label {
   font-family : Arial;
   font-size   : 13px;
}

#colorBox {
   height : 5px;
}

input.field {
   border-top       : 0px solid #ffffff;
   border-left      : 0px solid #8b8b8b;
   border-bottom    : 1px solid #cedbc1;
   border-right     : 1px solid #cedbc1;
   background-color : #eef1e5;
   text-align       : right;
}

/**
 *  dragAndDropSimple.html
 *
 **/

div.box {
   font-family   : Arial;
   font-size     : 14px;
   width         : 100px;
   height        : 40px;
/*   cursor        : hand; */
   text-align    : center;
   border-bottom : 1px solid #6b6b6b;
   border-right  : 1px solid #6b6b6b;
}

div.panel {
   width    : 200px;
   height   : 80px;
   padding  : 2px;
   border   : 1px solid #5b5b5b;
}

div.explanation {
   font-family      : Arial;
   font-size        : 12px;
   width            : 600px;
   background-color : #cdd7b5;
}

span.logMsg {
   display      : block;
   font-family  : Verdana;
   font-size    : 10px;
}

/**
 *  ricoCorner.html
 *
 **/
div.cornerSamples {
   width            : 440px;
   margin-top       : 4px;
   background-color : #ffffee;
   font-family      : Arial;
   font-size        : 11px;
   text-align       : left;
}

/**
 * ricoEffectSize.html
 *
 *
 **/
div.sizeMe {
   width            : 120px;
   padding-top      : 5px;
   padding-bottom   : 5px;
   background-color : #c6c3de;
   font-family      : Arial;
   font-size        : 11px;
   text-align       : center;
}

/**
 * ricoDragAndDripCustomDraggable.html
 *
 **/
span.nameSpan {
   font-family  : Verdana;
   font-size    : 11px;
}

div.customDropZone {
   background-color : #c6c3de;
   font-family      : Verdana;
   font-size        : 10px;
}