body {
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 12px;
	}
	
table {
	text-align: left;
	font-size: 12px;
	margin:0px;
	padding:0px;
	}

table.main {
	background-image:url(images/BG2.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
	text-align: left;
	font-size: 12px;
	margin:0px;
	padding:2px;
	color: #000000;
	border:1px solid #7dacff;
	}
	
.menu {
	font-size:14px;
	color: #7dacff;
	font-weight:bold;
	}

.header {
	font-size:16px;
	color:#ffa200;
	font-weight:bold;
	}

.subheader {
	font-size:14px;
	color:#ffa200;
	}
	
.text {
	font-size:12px;
	color:#000000;
	}
	
/*	//<------------------------------------------------->*/
.footerText {
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 10px;
	color: #cccccc;
	font-weight:bold;
}

a:link.footerText {
	text-decoration: none;
	color:#CCCCCC;
	font-weight:bold;
}

a:visited.footerText {
	text-decoration: none;
	color:#CCCCCC;
	font-weight:bold;
}

a:hover.footerText {
	text-decoration: none;
	color: #7dacff;
	font-weight:bold;
}
/*	//<------------------------------------------------->*/

a:link {
	text-decoration: none;
	color:#7dacff;
	font-weight:bold;
}

a:visited {
	text-decoration: none;
	color:#7dacff;
	font-weight:bold;
}

a:hover {
	font-weight:bold;
	color:#ffa200;
	text-decoration: none;
	}



/**
 *   Global
 *
 **/

.statusContainer {
   background-color : #ffd363;
}

span.statusMsg {
   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-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;
}


/**
 *  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;
}