﻿.d-panel
{
    width: 700px;
    height: 100px;
    background-color: maroon;
    margin: 4px;
    padding: 5px;
    padding-top: 160px;
    vertical-align: bottom;
    text-align: left;
}
.d-title
{
    color: White;
}
.d-sub
{
    color: White;
}
.fright
{
    float: right;
    padding: 2px;
    position: relative;
}

.toolbar a
{
    color: Red;
}
.tool-icon
{
    padding: 4px;
}

.sp-container
{
    padding-left: 5px;
    padding-top: 60px;
    height: 87px;
    width: 700px;
}

.sp-container1
{
    padding-left: 5px;
    height: 147px;
    width: 700px;
}
.sp-container h2, .sp-container h6
{
    color: White;
}

.width10
{
    width: 10px;
}
/*For Edit Mode */


#tbl {width:600px}
#tbl input[type=button]
{
    height: 30px;
    font-size: 14px;
}
#tbl input[type=text]
{
    height: 23px;
    font-size: 14px;
    width: 300px;
}
#tbl th
{
    vertical-align: top;
    text-align: left;
}

#tbl td {border-bottom:solid 1px gray;padding:3px}
#tbl td select {width:150px; }

.tblnoborder td {border-bottom:none!important;padding:3px}
#tbl tr
{
    margin: 2px 0px;
}
#tbl cite {color:Gray;font-size:9pt;padding:4px 0px;width:400px;margin:3px 0px;}
/*For View Mode grid*/
table.grid
{
    border-collapse: collapse;
    background: #EFF4FB repeat-x;
    border: 1px solid #686868;    
    font: 0.8em/145% 'Trebuchet MS' ,helvetica,arial,verdana;
    color: #333;
    width:800px;
}
table.grid td, th
{
    padding: 5px;
}
table.grid caption
{
    padding: 0 0 .5em 0;
    text-align: left;
    font-size: 1.4em;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
    background: transparent;
}
/* =links
----------------------------------------------- */
table.grid a
{
    color: #950000;
    text-decoration: none;
}



/*standard panes*/
.about-gal-text {
font-size:11px;

}

.gal-text {
color:CCCCCC;
font-size:11px;
width:260px;
}
.gal-text .title{font-size:22px; color:#fff; line-height:26px;} 
.color-preview {width:50px;height:20px;padding:4px;}
.item-1 {background-color:#811B4A}
.item-2 {background-color:#57B2DE}
.item-3 {background-color:#D27724}
.item-4 {background-color:#B1B228}


/* CSS For Information Pane--------------------------------------------------*/
.bgimg1 div.brn-grd-box{ border:1px solid #999999; background:#a25910 url(images/bg-brown-grd-box.jpg) repeat-x left top;  position:relative; color:#FFF; font-size:14px; line-height:22px; }
.bgimg2 div.brn-grd-box{ border:1px solid #999999; background:#a25910 url(images/bg-grey-grd-box.jpg) repeat-x left top;  position:relative; color:#FFF; font-size:14px; line-height:22px; }

/*.bgimg2 div.brn-grd-box{ border:1px solid #999999; color:#666666; position:relative; font-size:14px; line-height:18px; }*/


.brn-grd-box .inner{padding:15px 0 0 30px; }
.col-340px{float:left; width:340px;}
.title-grd-box{font-size:24px; padding-bottom:10px; font-weight:normal;}
.bgimg1 a.lnkbgimag{background-image:url(images/btn-orrange-bg.png);background-repeat:no-repeat ;color:#FFF;font-weight:bold;padding-left:45px;padding-top:9px;text-decoration:none;}
.bgimg2 a.lnkbgimag{background-image:url(images/btn-brown-bg.png);background-repeat:no-repeat ;color:#FFF;font-weight:bold;padding-left:45px;padding-top:8px;text-decoration:none;}

/* CSS For Information Pane--------------------------------------------------*/ 
.col-33pr {height:100px;}

.coda-nav
{
    background-image:url(css/images/bg-gal-background.jpg);
    background-repeat:repeat;
}
