#wrapper { width: 88%; margin: 0 auto; text-align: left; top:0px; left:6%; position:absolute; background: #D5D0CA; }
body 
{
    background-image: url(../Images/warmgrey_fade.png); 
    background-repeat:repeat-x;
    background-color: #D5D0CA;
    font-family:"Arial"; 
    font-size:small;  
     
}


.bodytest
{
    background-image: url(../Images/silvermiddle.png); 
    background-repeat: repeat;
    
}

.commpnl
{
    width:33%;
}

.redtext
{
    color:Red;
    font-weight:bold;
}


.warn
{
    color:Red;
    font-size:110%;
    font-weight:bold;
    
}

.wide200
{
    width:200px
}

.wide200txt
{
    width:194px
}

.smallgap
{
    min-height:8px;
    max-height:8px;
}

.smallgap_clear
{
    min-height:8px;
    max-height:8px;
    clear:left;
}


.medgap
{
    width:100%;
    min-height:16px;
    max-height:16px;
}

.mpetitle
{
    font-weight:bold;
    font-size:130%;
}

.bcrumbleftpad
{
    padding-left:16px;
    width:60%;
    clear:left;
    display:inline-table;
    float:left;
    border:0px black dashed;
}

.divgreybgtest
{
    background: #D5D0CA;
    border: 0px blue solid;
    display:inline-block;
    width:100%;
}

.bcrumbright
{
    text-align:right;
    width:20%;
    float:right;
    display: inline;
    border:0px red dashed;
}

.leftcontrol
{
    border: 0px red dashed;
    vertical-align:middle; 
    padding-bottom:6px;
    width:80%;
    clear:left;
 
}
.rightcontrol
{
    border: 0px blue dashed;
    padding-bottom:0px;
    padding-top:6px;
    float:left;
    width:12%;
}

.leftpanel
{
    border: 0px blue dashed;
    clear:left;
    float:left;
    width:43%;
}

.rightpanel
{
    border: 0px black dashed;
    float:right;
    width:43%;
}

.midpanel
{
    border: 0px grey dashed;
    float:left;
    width:14%;
}

.smaller
{
    font-size:smaller;
}
textarea
{
   font-family:"Arial"; 
   font-size:small; 
}
.divwhitebg
{
    background: white;
    
}

.divwhitebgtest
{
    background: red;
    
}

.divgreybg
{
    background: #D5D0CA;
}

#divleft 
{
    background-color: #ffffff;
    height:100%;
    width:1%;
    top:0;
    left:5%;
    position:absolute;
    
}

#divright 
{
    background-color: #ffffff;
    height:100%;
    width:1%;
    top:0;
    left:94%;
    position:absolute;
    
}
#divfloatLeft 
{ 
    float: left;
    text-align:left;    
}
.divfloatRight
{ 
    float: right; 
    text-align:right;
    display:block;
}
#menubar
{
    padding-bottom:10px;
}
table.curvytable
{
    width: 100%;
    height:48px; 
    border:0px;
    
}
table.curvytablepadded
{
    width: 100%;
    height:48px; 
    border:0px;
    padding-top:10px;
}
table.bottomtable
{
    width: 100%;
    height:10px; 
    border:0px;
}
td.bluecenter
{
    background-image:url(../Images/warmgrey_middle.png); 
    background-repeat:repeat-x;
    text-align:left;
    border-top-width:0px;
    border:none;
}
td.blueleft
{
    background-image:url(../Images/warmgrey_left48.png);
    background-repeat:no-repeat;
    width:13px;
}
td.blueright
{
    background-image:url(../Images/warmgrey_right48.png);
    background-repeat:no-repeat;
    width:13px;
}
td.redcenter
{
    background-image:url(../Images/redmiddle.gif); 
    background-repeat:repeat-x;
    text-align:left;
}
td.redleft
{
    background-image:url(../Images/redtopl.gif);
    background-repeat:no-repeat;
    width:7px;
}
td.redright
{
    background-image:url(../Images/redtopr.gif);
    background-repeat:no-repeat;
    width:7px;
}
.redimgbck
{
    background: url(../Images/group_middle.jpg) 100% 100% repeat-x;
    height:48px; /*for firefox etc.*/
    *height:47px; /*for IE*/    
    text-align:left;
    border:0px;
    padding:0px;
    text-decoration:none; 
    border-top-width:0px;
    vertical-align:middle;
    /*padding:0 10px 0 10px;*/
}
.redimgbck a:hover, .redimgbck a:active, .redimgbck a:focus
{
    text-decoration:none;
    background: transparent;    
    color:Black;
    vertical-align:middle;    
}
.indent
{
    padding-left:10px;
    padding-right:10px;
}
.padded
{
    padding:10px;
}


.bl {background: url(../Images/bl.png) 0 100% no-repeat; width: 29em} 
.br {background: url(../Images/br.png) 100% 100% no-repeat} 
.tl {background: url(../Images/bm.png) 0 0 no-repeat} 
.tr {background: url(../Images/bm.png) 100% 0 no-repeat; padding:10px} 

.turq { background: url(../Images/tqmiddle48.png) repeat-x; height:48px;}
.clear {font-size: 1px; height: 1px}

.dl {background: url(../Images/rounded_red.jpg) no-repeat; height:32px;}
.dc {background: url(../Images/red-section.jpg) repeat-x;height:32px; width:200px;}
.dr {background: url(../Images/rounded_red_invert.jpg) no-repeat;height:32px;}

.modalBackground {
      background-color:Gray;
      filter:alpha(opacity=70);
      opacity:0.7;
      }
    .updateProgress
        {
            border-width:1px; 
            border-style:solid; 
            background-color:#FFFFFF; 
            position:absolute; 
            width:250px; 
            height:100px; 
            padding-top:25px;
            padding-bottom:25px;
        }
        .updateProgressMessage
        {
            margin:3px; 
            font-family:Trebuchet MS; 
            font-size:small; 
            vertical-align: middle;
        }
/* Date Picker */
.dpDiv 		{ }
.dpTable 	{ font-family: Trebuchet MS; font-size: 12px; text-align: center; color: #444; background-color: white; border: 3px solid #7f93ec; }
.dpTR 		{ }
.dpTitleTR 	{ }
.dpDayTR 	{ }
.dpTodayButtonTR { }
.dpTD 		{ cursor: pointer; color: #7f93ec; }
.dpDayHighlightTD { background-color: #d03e41; border: 1px solid #3d4770; cursor: pointer; }
.dpTitleTD 	{ }
.dpButtonTD 	{ }
.dpTodayButtonTD {}
.dpDayTD 	{ background-color: #eeeeee; border:0px solid #d03e41; color: #d03e41; }
.dpTitleText 	{ font-size: 12px; color: #7f93ec; font-weight: bold; }
.dpDayHighlight { color: white; font-weight: bold; }
.dpButton 	{ font-family: Arial,Helvetica,sans-serif; font-size: 10px; color: white; background: #7f93ec; font-weight: bold; padding: 0px; }
.dpTodayButton 	{ font-family: Arial,Helvetica,sans-serif; font-size: 10px; color: white; background: #7f93ec; font-weight: bold; }




/* 
--------------------------------------------------------------------------
Clearers
--------------------------------------------------------------------------
*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix, ul.floatfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix, * html ul.floatfix {height: 1%;}
.clearfix, ul.floatfix {display: block;}
/* End hide from IE-mac */