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


table.tack_horse{
/*    background-image:url("/images/tackhorse.gif");*/
    background-repeat:no-repeat;
    height:350px;
    width:320px;
}

table.mare {
    background-image:url("/images/tackhorse_m.gif");
}
table.stallion{
    background-image:url("/images/tackhorse_s.gif")
}

div.tack_holder{
    display:block;
    width:72px;
    height:90px;
}

div.tack_holder div.title{
    text-align:center;
}

div.tack {
    cursor:move;
    width:70px;
    height:70px;
}

div.tack img{
    width:70px;
    height:70px;
}


div.tack_store {
    padding:2px;
    margin-top:5px; 
    display:block;
    height:72px;
    width:72px;
    border:4px double black;
    
}