body {

 background-color:#dbe0e4;

 text-align: center; 
 margin:0px;
}
#bodyFooter { background-image:url("../images/footer_bg_shad.jpg"); text-align:center; background-repeat:no-repeat; width:976px; height:41px; }
#bodyFooter p { font-size:10px; color:#a4a4a4; margin:0 0 0 280px; top:30px; position:relative; }

h3 { font-size:18px; font-family:Arial, Verdana, Helvetica; color:Black; }
h1 { font-size:24px; font-family:Arial, Verdana, Helvetica; color:Black; margin-left:20px; }
h2 { font-size:22px; font-family:Arial, Verdana, Helvetica; color:Black; }
h4 { font-size:12px; font-family:Arial, Verdana, Helvetica; color:Black; margin:0px; }

img { border:none 0px; }

p { width:auto; padding-right:0px; font-family:Trebuchet,Arial, Helvetica, Verdana; font-size:12px; }
a { border:none 0; }

#mainWrapper { width:978px; margin:0 auto; text-align:left; position:relative; top:40px; }
#subWrapper { padding:0 0 0 0; }



/* SnagR Logo styles: font= Estangelo Edessa font-size:48px; blue-color:#58c6eb; black:black; 
                       #logo { float:left; background-image:url(../images/InspectR_logo.jpg); width:170px; height:61px; position:relative; left:27px; top:14px; } */
#logo { float:left; background-image:url(../images/SnagR_logo.jpg); width:124px; height:61px; position:relative; left:27px; top:14px; } 

#logo h1 { text-indent:-900000px; } 

#pda_large { position:absolute; top:120px; left:20px; }

#snagr_pda_logo { position:absolute; top:100px; left:390px; background-image:url(../images/snagr_logo_large.jpg); background-position:top left; text-indent:-10000px; width:170px; height:69px; }
#homepage { position:absolute; top:200px; left:365px; text-align:center; }

#nav { position:absolute; top:320px; left:365px; }
#nav p { color:White; }
    #nav a { color:#565656; }

#Home { height:500px; position:relative; }
    #snagrVidBtn { position:absolute; top:20px; right:40px; }

#pilot { position:relative; top:0px; left:20px; width:800px; }


.bullet_images { float:left; padding:8px 40px 8px 8px; }

.menu_img { float:left; margin:0 2px 0 0; }

.liRight { float:right; margin-left: 170px; }

#craneBG { position:absolute; top:26px; right:0px; background-image:url(../images/crane_pic_bg.jpg); width:301px; height:268px;}
#buildingSide { position:absolute; top:26px; right:0px; background-image:url(../images/dashboard_bg.jpg); width:302px; height:182px;}
#reportingBG { position:absolute; top:26px; right:0px; background-image:url(../images/reporting_bg.jpg); width:221px; height:224px;}
#contactUsBG { position:absolute; top:26px; right:0px; background-image:url(../images/contact_us_bg1.jpg); width:317px; height:254px;}

    
#laptopFooter { background-image:url(../images/laptop_bg.jpg); width:326px; height:164px; position:relative; bottom:148px; float:right; right:0px; }

.snagList { list-style-image:url(../images/bullet.jpg); list-style-position:outside; margin-top:-10px; }

#contactHouse { padding: 5px 20px 20px; background-image: url(/images/pilot_schemes_bg.jpg); position: relative; left: 0px; float: right; background-position: left top; background-repeat: no-repeat; width: 531px; height: 298px; }

#dashboardP { width:800px; margin:130px 0 0 30px; padding:30px; }


.blueDivBottom 
{
    background-image:url(../images/blue_div_bottom.gif);
    width:320px;
    height:6px;
}

.blueDivTop
{
    background-image:url(../images/blue_div_top.gif);
    width:320px;
    height:6px;
}

.blueDivBody 
{
    background-image:url(../images/contact_us_bg.gif);
    background-repeat:no-repeat;
    padding:10px;
    padding-right:0px;
    width:321px;
    height:497px;

}

.formElement { margin:0 20px 0 10px; width:200px; height:20px; border:solid 1px #c9c9c9; padding-left:5px; }




#user { height:25px; width:100%; }
    #userDiv { float:right; height:20px; }
#user img { float:left; margin-right:5px; }
#user h4 { padding:3px 0 0 0; width:auto; float:right; margin:-20px 0 0;  }

#sitenameDiv { float:right; background-image:url(../images/header_top_right_bg.gif); height:42px; width:501px; position:relative; top:0px; }
#sitenameDiv h2 { font-family:Trebuchet,Arial, Helvetica, Verdana; font-size:24px; color:#5a5858; margin: 5px 0 0 10px; }

#logOut { float:right; }

#header { width:978px; height:125px; background-image:url(../images/header_bg.jpg); }
#body { width:978px; position:relative; top:-25px; }



#sessionHistory { position:relative; top:20px; left:20px; }
    #sessionSubContractor { float:left; margin:0px; margin-right:50px; background-image:url(../images/sc_bg.gif); height:34px; width:272px; }
    #sessionDrawing { float:left; margin:0px; margin-right:50px; background-image:url(../images/drawing_bg.jpg); height:34px; width:272px; }
    #sessionDrawing a, #sessionDrawing img  { border:none 0; }
    #sessionOwner { float:left; margin:0px; background-image:url(../images/owner_bg.gif); height:34px; width:273px; }

#sessionHistory h3 { position:relative; top:-10px; left:45px; } 

.mainDiv  { background-color:#dbeff6; min-height:300px; }


#h31 { height:34px; width:272px;}
#h32 { height:34px; width:272px;}

.H31 { background-image:url(../images/sc_bg.gif); }
.H32 { background-image:url(../images/owner_bg.gif); }
.greyH31 { background-image:url(../images/sc_bg_grey.gif); }
.greyH32 { background-image:url(../images/owner_bg_grey.gif); }

#h31 h3 { padding: 7px 0 0 45px; margin:0px; margin-bottom:8px;  }
#h32 h3 { padding: 7px 0 0 45px; margin:0px; margin-top:8px;  }

.clear {
    clear:both;
    height:11px;
    text-indent:-900000px;
}

#reportingSelectionArea { background-image:url(../images/reporting_top_bg.gif); background-repeat:no-repeat; width:950px; height:96px; padding: 8px 0 0 0; }

    #radioContainer { float:left; width:140px; padding: 10px 5px 0 5px;}
    #radioContainer label { font-size:12px; font-family: Arial, Helvetica, Verdana; color:Black; margin-right:20px; }
    #radioContainer input { margin-bottom:20px;  }
    #viewData { margin:0px; padding:0px; position:absolute; top:43px; right:28px; float:right; }
    
    #rRadioGroups { float:right; width:480px; left:60px; position:absolute; top:45px; left:450px; }
    
    #rSubContractorRadGroup { margin-top:10px; float:left;}
    #rSubContractorRadGroup label { margin-right:40px; font-size:12px; font-family: Arial, Helvetica, Verdana; color:Black;  }

    #rOwnerRadGroup { margin-top:10px; float:left; }
    #rOwnerRadGroup label { margin-right:40px; font-size:12px; font-family: Arial, Helvetica, Verdana; color:Black;  }

    .collapsable { background-color:#daf8da; }
    
    
#reportingBtnDiv { float:left; width:100%;}
    #printReport, #emailReport { float:left; }
    #statisticsReport { float:right; }
    #custReportTitle { float:left; margin:22px 0 0 20px; width:350px;  } 
        #custReportTitle p { color:#5f5e64; }   

.gridHeader { background-image:url(../images/grid_div_top.gif); background-repeat:no-repeat; width:950px; height:10px; }
.gridFooter { background-image:url(../images/grid_div_bottom.gif); background-repeat:no-repeat; width:950px; height:10px; }
.gridBody { background-color:White; border-left: solid 1px #c9c9c9; border-right: solid 1px #c9c9c9; width:938px; margin:0; padding:0 0 0 10px;}

#divDrawingChange { float:right; margin-top:0px; }

.grey { color:Gray;}




/* ************** Datagrid Styles ***************/

.datagridDiv { width:928px; height:300px; overflow:auto; }


table { border-style:none; border-width:0px; padding:0px; margin:0px; }
tr { border-style:none; border-width:0px; padding:0px; margin:0px; }
td { border-style:none; border-width:0px; padding:0px; margin:0px; }

table p { padding:0px; margin:0px; }
tbody { text-align:center; border:none 0 White; }

.datagridHeader { background-color:#f2f2f2; height:24px; font-family:Trebuchet,Arial, Helvetica, Verdana; font-size:12px; border-style:none; border-width:0px; }
.datagridFooter { background-color:#f2f2f2; height:24px; font-family:Trebuchet,Arial, Helvetica, Verdana; font-size:12px; color:White; border-style:none; border-width:0px; }
.datagrid_Pager { background-color:#f2f2f2; height:24px; font-family:Trebuchet,Arial, Helvetica, Verdana; font-size:12px; }

.datagridHeaderOld { background-image:url(../images/grid_top_bg.gif); font-family:Trebuchet,Arial, Helvetica, Verdana; font-size:12px; border-style:none; border-width:0px; }
.datagridFooterOld { background-image:url(../images/grid_bottom_bg.gif); font-family:Trebuchet,Arial, Helvetica, Verdana; font-size:12px; color:White; border-style:none; border-width:0px; }
.datagrid_PagerOld { background-image:url(../images/grid_bottom_bg.gif); font-family:Trebuchet,Arial, Helvetica, Verdana; font-size:12px; }

.datagrid_Item { background-color:#fffdf0; font-family:Trebuchet,Arial, Helvetica, Verdana; font-size:12px; }
.datagridAlternating { background-color:#fffceb; font-family:Trebuchet,Arial, Helvetica, Verdana; font-size:12px; }

#loadDrawingBtn { float:right; position:relative; top:-50px; right:10px; }


/* ********* MessageBoard Styles ***********************/

#messageBox, #adminEditBox { background-image:url(../images/msgBoard_box.gif); background-repeat:no-repeat; width:465px; height:231px; margin:0 auto;}
#messageBox a { border:none 0; border-style:none; }
#msgBoxInbox , #adminUserEdit { margin-right:30px; margin-top:40px;}
#msgBoxSMessages, #adminDrwgEdit {margin-top:40px; }







#progressBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
}

#processMessage { 
    position:fixed; 
    top:30%; 
    left:43%;
    padding:10px; 
    width:14%; 
    z-index:1001; 
    background-color:#fff;
    border:solid 1px #000;
}


#UMPCs-Tablets { height:1000px; }

#tabletPic { float:left; margin:30px 40px 30px 20px; }

#tabletDiv { margin:100px 20px 30px 30px; }
#tabletDiv h3 { margin:0 0 40px 0px; }

#tabletDiv .snagList { margin-left:10px; }

#SnagRMDRpic { float:left; }

#pdfLarge { float:left; }
#pdfInfoDiv { margin:125px 20px 0 0; }