﻿.menuButton
{
    -moz-box-shadow: 0px 1px 0px 0px #fcf8f2;
    -webkit-box-shadow: 0px 1px 0px 0px #fcf8f2;
    box-shadow: 0px 1px 0px 0px #fcf8f2;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #847B63), color-stop(1, #6b6352) );
    background: -moz-linear-gradient( center top, #847B63 5%, #6b6352 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#847B63', endColorstr='#6b6352');
    background-color: #847B63;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    border: 1px solid #5c5955;
    display: inline-block;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    padding: 6px 18px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #575251;
}
.menuButton:hover
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6b6352), color-stop(1, #847B63) );
    background: -moz-linear-gradient( center top, #6b6352 5%, #847B63 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6352', endColorstr='#847B63');
    background-color: #6b6352;
}
.menuButton:active
{
    position: relative;
    top: 1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

.dxgvDataRow td.dxgvIndentCell, .dxgvGroupRow td.dxgvIndentCell, .dxgvGroupFooter td.dxgvIndentCell
{
    background-color: #EDEDED;
    border-left: 1px solid #CFCFCF;
    border-right: 1px solid #CFCFCF;
    border-top-width: 0;
}

.pageButtons
{
    -moz-box-shadow: inset 0px 1px 0px 0px #aeb0ad;
    -webkit-box-shadow: inset 0px 1px 0px 0px #aeb0ad;
    box-shadow: inset 0px 1px 0px 0px #aeb0ad;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dcdaca), color-stop(1, #dcc8b4) );
    background: -moz-linear-gradient( center top, #dcdaca 5%, #dcc8b4 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdaca', endColorstr='#dcc8b4');
    background-color: #dcdaca;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    border: 1px solid #fae7ff;
    display: inline-block;
    color: #000000;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    padding: 3px 24px;
    text-decoration: none;
}
.pageButtons:hover
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dcc8b4), color-stop(1, #dcdaca) );
    background: -moz-linear-gradient( center top, #dcc8b4 5%, #dcdaca 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcc8b4', endColorstr='#dcdaca');
    background-color: #dcc8b4;
    cursor: pointer;
}
.pageButtons:active
{
    position: relative;
    top: 1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

.css3button
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #ffffff;
    padding: 30px 0px;
    background: -moz-linear-gradient( 		top, 		#ff5e42 0%, 		#660c00);
    background: -webkit-gradient( 		linear, left top, left bottom,  		from(#ff5e42), 		to(#660c00));
    -moz-border-radius: 99px;
    -webkit-border-radius: 99px;
    border-radius: 99px;
    border: 0px solid #134201;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1);
    box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4);
}

.pageHeader
{
    padding: 0px;
    background-image: url(../App_Themes/Cocotree/images/bg_header.jpg);
    margin: 0px;
    font-size: 12px;
    color: #ffffff;
    height: 35px;
}

.Redbutton
{
    font-family: arial;
    font-weight: bold;
    color: #FFFCF7 !important;
    font-size: 11px;
    box-shadow: 1px 1px 0px #D1350F;
    padding: 3px 7px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    border: 1px solid #D1350F;
    background: #AB2B0C;
}
.Greenbutton
{
    font-family: arial;
    font-weight: bold;
    color: #FFFCF7 !important;
    font-size: 11px;
    box-shadow: 1px 1px 0px #003300;
    padding: 3px 7px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    border: 1px solid #003300;
    background: #003300;
}

.Greenbutton:hover
{
    color: #FFFCF7 !important;
    background: #003300;
    cursor: pointer;
}

.Redbutton:hover
{
    color: #FCFFE6 !important;
    background: #AB2B0C;
    cursor: pointer;
}

.homeButton
{
    font-family: arial;
    font-weight: bold;
    color: #FFFCF7 !important;
    font-size: 11px;
    box-shadow: 1px 1px 0px #5E5D56;
    padding: 3px 7px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    border: 1px solid #5E5D56;
    background: #5E5D56;
}
.homeButton:hover
{
    color: #FCFFE6 !important;
    background: #5E5D56;
    cursor: pointer;
}

.container
{
    margin: 50px auto;
    width: 640px;
}

.login
{
    position: relative;
    margin: 0 auto;
    padding: 20px 20px 20px;
    width: 310px;
}

.saveButton
{
    font-family: arial;
    font-weight: bold;
    color: #FFFFFF !important;
    font-size: 12px;
    box-shadow: 1px 1px 0px #BEE2F9;
    padding: 1px 14px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 0px solid #847B63;
    background: #847B63;
}
.saveButton:hover
{
    color: #FFFFFF !important;
    background: #6B6352;
}

.dragMe
{
    width: 100%;
    height: 21px;
    background-color: #FFF;
    background-image: url(App_Themes/Cocotree/images/header-opened.png);
    text-align: center; /*cursor:move;*/
    font-weight: bold;
}



.RoundedBgYellow
{
    background: transparent;
    width: 100%;
    margin: 0 auto;
}
.RoundedBgYellow .top, .RoundedBgYellow .bottom
{
    display: block;
    background: transparent;
    font-size: 1px;
}
.RoundedBgYellow .b1, .RoundedBgYellow .b2, .RoundedBgYellow .b3, .RoundedBgYellow .b4, .RoundedBgYellow .b1b, .RoundedBgYellow .b2b, .RoundedBgYellow .b3b, .RoundedBgYellow .b4b
{
    display: block;
    overflow: hidden;
    background: #F7D923;
}
.RoundedBgYellow .b1, .RoundedBgYellow .b2, .RoundedBgYellow .b3, .RoundedBgYellow .b1b, .RoundedBgYellow .b2b, .RoundedBgYellow .b3b
{
    height: 1px;
    background: #F7D923;
}
.RoundedBgYellow .b2, .RoundedBgYellow .b3, .RoundedBgYellow .b4, .RoundedBgYellow .b4b, .RoundedBgYellow .b3b, .RoundedBgYellow .b2b
{
    border-left: 1px solid #F7D923;
    border-right: 1px solid #F7D923;
}
.RoundedBgYellow .b1
{
    margin: 0 5px;
    background: #F7D923;
}
.RoundedBgYellow .b2, .RoundedBgYellow .b2b
{
    margin: 0 3px;
    border-width: 0 2px;
}
.RoundedBgYellow .b3, .RoundedBgYellow .b3b
{
    margin: 0 2px;
}
.RoundedBgYellow .b4, .RoundedBgYellow .b4b
{
    height: 2px;
    margin: 0 1px;
}
.RoundedBgYellow .b1b
{
    margin: 0 5px;
    background: #F7D923;
}
.RoundedBgYellow .boxcontent
{
    display: block;
    background: #F7D923;
    border-left: 1px solid #F7D923;
    border-right: 1px solid #F7D923;
}


.RoundedBgGray
{
    background: transparent;
    width: 100%;
    margin: 0 auto;
}
.RoundedBgGray .top, .RoundedBgGray .bottom
{
    display: block;
    background: transparent;
    font-size: 1px;
}
.RoundedBgGray .b1, .RoundedBgGray .b2, .RoundedBgGray .b3, .RoundedBgGray .b4, .RoundedBgGray .b1b, .RoundedBgGray .b2b, .RoundedBgGray .b3b, .RoundedBgGray .b4b
{
    display: block;
    overflow: hidden;
    background: #646464;
}
.RoundedBgGray .b1, .RoundedBgGray .b2, .RoundedBgGray .b3, .RoundedBgGray .b1b, .RoundedBgGray .b2b, .RoundedBgGray .b3b
{
    height: 1px;
    background: #646464;
}
.RoundedBgGray .b2, .RoundedBgGray .b3, .RoundedBgGray .b4, .RoundedBgGray .b4b, .RoundedBgGray .b3b, .RoundedBgGray .b2b
{
    border-left: 1px solid #646464;
    border-right: 1px solid #646464;
}
.RoundedBgGray .b1
{
    margin: 0 5px;
    background: #646464;
}
.RoundedBgGray .b2, .RoundedBgGray .b2b
{
    margin: 0 3px;
    border-width: 0 2px;
}
.RoundedBgGray .b3, .RoundedBgGray .b3b
{
    margin: 0 2px;
}
.RoundedBgGray .b4, .RoundedBgGray .b4b
{
    height: 2px;
    margin: 0 1px;
}
.RoundedBgGray .b1b
{
    margin: 0 5px;
    background: #646464;
}
.RoundedBgGray .boxcontent
{
    display: block;
    background: #646464;
    border-left: 1px solid #646464;
    border-right: 1px solid #646464;
}

.RoundedBgLightGray
{
    background: transparent;
    width: 100%;
    margin: 0 auto;
}
.RoundedBgLightGray .top, .RoundedBgLightGray .bottom
{
    display: block;
    background: transparent;
    font-size: 1px;
}
.RoundedBgLightGray .b1, .RoundedBgLightGray .b2, .RoundedBgLightGray .b3, .RoundedBgLightGray .b4, .RoundedBgLightGray .b1b, .RoundedBgLightGray .b2b, .RoundedBgLightGray .b3b, .RoundedBgLightGray .b4b
{
    display: block;
    overflow: hidden;
    background: #DEDEDE;
}
.RoundedBgLightGray .b1, .RoundedBgLightGray .b2, .RoundedBgLightGray .b3, .RoundedBgLightGray .b1b, .RoundedBgLightGray .b2b, .RoundedBgLightGray .b3b
{
    height: 1px;
    background: #DEDEDE;
}
.RoundedBgLightGray .b2, .RoundedBgLightGray .b3, .RoundedBgLightGray .b4, .RoundedBgLightGray .b4b, .RoundedBgLightGray .b3b, .RoundedBgLightGray .b2b
{
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
}
.RoundedBgLightGray .b1
{
    margin: 0 5px;
    background: #DEDEDE;
}
.RoundedBgLightGray .b2, .RoundedBgLightGray .b2b
{
    margin: 0 3px;
    border-width: 0 2px;
}
.RoundedBgLightGray .b3, .RoundedBgLightGray .b3b
{
    margin: 0 2px;
}
.RoundedBgLightGray .b4, .RoundedBgLightGray .b4b
{
    height: 2px;
    margin: 0 1px;
}
.RoundedBgLightGray .b1b
{
    margin: 0 5px;
    background: #DEDEDE;
}
.RoundedBgLightGray .boxcontent
{
    display: block;
    background: #DEDEDE;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
}

.RoundedBgYellow
{
    background: transparent;
    width: 100%;
    margin: 0 auto;
}
.RoundedBgYellow .top, .RoundedBgYellow .bottom
{
    display: block;
    background: transparent;
    font-size: 1px;
}
.RoundedBgYellow .b1, .RoundedBgYellow .b2, .RoundedBgYellow .b3, .RoundedBgYellow .b4, .RoundedBgYellow .b1b, .RoundedBgYellow .b2b, .RoundedBgYellow .b3b, .RoundedBgYellow .b4b
{
    display: block;
    overflow: hidden;
    background: #DEDEDE;
}
.RoundedBgYellow .b1, .RoundedBgYellow .b2, .RoundedBgYellow .b3, .RoundedBgYellow .b1b, .RoundedBgYellow .b2b, .RoundedBgYellow .b3b
{
    height: 1px;
    background: #DEDEDE;
}
.RoundedBgYellow .b2, .RoundedBgYellow .b3, .RoundedBgYellow .b4, .RoundedBgYellow .b4b, .RoundedBgYellow .b3b, .RoundedBgYellow .b2b
{
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
}
.RoundedBgYellow .b1
{
    margin: 0 5px;
    background: #FFFFFF;
}
.RoundedBgYellow .b2, .RoundedBgYellow .b2b
{
    margin: 0 0px;
    border-width: 0 1px;
}
.RoundedBgYellow .b3, .RoundedBgYellow .b3b
{
    margin: 0 1px;
}
.RoundedBgYellow .b4, .RoundedBgYellow .b4b
{
    height: 1px;
    margin: 0 1px;
}
.RoundedBgYellow .b1b
{
    margin: 0 5px;
    background: #FFFFFF;
}
.RoundedBgYellow .boxcontent
{
    display: block;
    background: #FFFFFF;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
}

.RoundedBgPanel
{
    background: transparent;
    width: 100%;
    margin: 0 auto;
}
.RoundedBgPanel .top, .RoundedBgPanel .bottom
{
    display: block;
    background: transparent;
    font-size: 1px;
}
.RoundedBgPanel .b1, .RoundedBgPanel .b2, .RoundedBgPanel .b3, .RoundedBgPanel .b4, .RoundedBgPanel .b1b, .RoundedBgPanel .b2b, .RoundedBgPanel .b3b, .RoundedBgPanel .b4b
{
    display: block;
    overflow: hidden;
    background: #8B8b8b;
}
.RoundedBgPanel .b1, .RoundedBgPanel .b2, .RoundedBgPanel .b3, .RoundedBgPanel .b1b, .RoundedBgPanel .b2b, .RoundedBgPanel .b3b
{
    height: 1px;
    background: #8B8b8b;
}
.RoundedBgPanel .b2, .RoundedBgPanel .b3, .RoundedBgPanel .b4, .RoundedBgPanel .b4b, .RoundedBgPanel .b3b, .RoundedBgPanel .b2b
{
    border-left: 1px solid #8b8b8b;
    border-right: 1px solid #8b8b8b;
}
.RoundedBgPanel .b1
{
    margin: 0 5px;
    background: #8B8b8b;
}
.RoundedBgPanel .b2, .RoundedBgPanel .b2b
{
    margin: 0 0px;
    border-width: 0 1px;
}
.RoundedBgPanel .b3, .RoundedBgPanel .b3b
{
    margin: 0 1px;
}
.RoundedBgPanel .b4, .RoundedBgPanel .b4b
{
    height: 1px;
    margin: 0 1px;
}
.RoundedBgPanel .b1b
{
    margin: 0 5px;
    background: #8B8b8b;
}
.RoundedBgPanel .boxcontent
{
    display: block;
    background: #E9EEE3;
    border-left: 1px solid #8B8b8b;
    border-right: 1px solid #8b8b8b;
}

#LoadingDiv
{
    margin: auto;
    position: absolute;
    height: 100%;
    width: 100%;
    padding-top: 110px;
    padding-left: 550px;
    background-image: url('../App_Themes/Cocotree/images/trans_bg.png');
    background-repeat: no-repeat;
}

#LoadingDiv1
{
    margin: 0px 0px 0px 0px;
    position: fixed;
    height: 100%;
    z-index: 999;
    padding-top: 310px;
    padding-left: 350px;
    width: 100%;
    clear: none;
    background: url('../App_Themes/Cocotree/images/trans_bg.png');
}
/*IE will need an 'adjustment'*/



