BODY
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    /*background-color:#DFDFDF;*/
}
.header
{
    BACKGROUND-POSITION: left top;
    FONT-WEIGHT: bold;
    BACKGROUND-IMAGE: url(../images/public/headers/header.gif);
    WIDTH: 750px;
    COLOR: white;
    PADDING-TOP: 20px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 71px;
    TEXT-ALIGN: right
}
.contanier
{
    WIDTH: 750px
}
.footer
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 5px;
    COLOR: white;
    PADDING-TOP: 5px;
    BACKGROUND-COLOR: #006699
}
.left
{
    FLOAT: left
}
.right
{
    FLOAT: right
}
.footer A
{
    COLOR: white;
    TEXT-DECORATION: none
}
.menu
{
    BACKGROUND-COLOR: #00487b;
    HEIGHT: 22px
}
IMG
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none
}
.login
{
    PADDING-LEFT: 5px;
    COLOR: #696a6a;
    BACKGROUND-COLOR: #dcdcdc
}
.homepanel
{
    BACKGROUND-IMAGE: url(../images/public/backgroud/home_img.jpg);
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 252px
}
.homepanel DIV
{
    PADDING-LEFT: 285px;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    PADDING-TOP: 100px
}
.with
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: url(../images/public/backgroud/with_snag_BG.gif);
    WIDTH: 220px;
    COLOR: #006699;
    PADDING-TOP: 10px;
    BACKGROUND-REPEAT: repeat-y
}
.about
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: url(../images/public/backgroud/about_snag_bg.gif);
    COLOR: #006699;
    PADDING-TOP: 10px;
    BACKGROUND-REPEAT: repeat-y
}
.with UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
.with LI
{
    PADDING-RIGHT: 0px;
    BACKGROUND-POSITION: left center;
    PADDING-LEFT: 25px;
    BACKGROUND-IMAGE: url(../images/public/snag_bullets.gif);
    PADDING-BOTTOM: 5px;
    MARGIN: 0px;
    PADDING-TOP: 5px;
    BACKGROUND-REPEAT: no-repeat;
    LIST-STYLE-TYPE: none
}
.contentbg
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-IMAGE: url(../images/public/backgroud/content_bg.gif);
    WIDTH: 585px;
    COLOR: #006699;
    BACKGROUND-REPEAT: repeat-y
}
.contentheader
{
    CLEAR: both;
    BACKGROUND-POSITION: left top;
    MARGIN-TOP: 5px;
    FONT-SIZE: 1px;
    BACKGROUND-IMAGE: url(../images/public/backgroud/content_panel_header.gif);
    WIDTH: 585px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 10px
}
.contentfooter
{
    BACKGROUND-POSITION: left top;
    FONT-SIZE: 1px;
    BACKGROUND-IMAGE: url(../images/public/backgroud/content_panel_footer.gif);
    WIDTH: 585px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 10px
}
.contentbg .indent
{
    PADDING-LEFT: 10px;
    WIDTH: 565px
}
.contentbg .indent .title
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 130%
}
.contentbg .indent A
{
    COLOR: #006699;
    TEXT-DECORATION: none
}
.contentbg .indent HR
{
    BORDER-RIGHT: #006699 1px;
    BORDER-TOP: #006699 1px;
    BORDER-LEFT: #006699 1px;
    BORDER-BOTTOM: #006699 1px solid
}
.headermobile
{
    BACKGROUND-POSITION: center;
    FONT-WEIGHT: bold;
    BACKGROUND-IMAGE: url(../images/public/headers/headermobile.gif);
    WIDTH: 100%;
    COLOR: #006699;
    background-color: #006699;
    /*border-bottom: 5px solid #006699;
    border-top: 5px solid #006699;*/
    background-color: #006699;
    PADDING-TOP: 10px;
    PADDING-BOTTOM: 10px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 40px;
    TEXT-ALIGN: right
}

.bluebutton
{
    color:White;
    text-align:center;
    vertical-align:middle;
}

.snagname
{
    width: 100%;
    font-weight:bold;
    color:Black;
}

.snagname a
{
    font-weight:bold;
    color:Black;
    text-decoration:underline;
}

.snagtype
{
    width: 140px;
    color:#006699;
    text-align:right;
}

.snagdescription
{
    color:Black;
    font-weight:normal;
    width:100%;
    z-index:1;
}

.snagstatusopen
{
    /*background-color:#900000;*/
    background:url(/images/OpenSnag.PNG);
}

.snagstatusclosed
{
    /*background-color:Green;*/
    background:url(/images/ClosedSnag.PNG);
}

.bluebuttondiv
{
    color:White;
    text-align:center;
    vertical-align:middle;
    background:url(/images/blue-mid-1px.jpg) repeat-x #006699;
    border: 1px solid #2286B7;
    font-size:large;
    cursor:pointer;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.leftborder
{
    width:10px;
    height:5px;
}

.rightborder
{
    width:10px;
    height:5px;
}

.middletd
{
    width:100%;
    /*border-bottom:2px none;*/
}

.middletd input
{
    overflow:hidden;
    position:relative;
    width:100%;
    border:0px none;
    margin:0px;
}

.middletd textarea
{
    overflow:hidden;
    position:relative;
    width:100%;
    border:0px none;
}

.middletd select
{
    overflow:hidden;
    position:relative;
    width:100%;
    border:0px none;
}

.radiusborderdiv
{
    padding: 1px;
    width:100%;
    border: 1px solid gray;
    -webkit-border-radius: 0.7em 0.7em 0.7em 0.7em;
    -moz-border-radius: 0.7em 0.7em 0.7em 0.7em;
}

.radiusborderdiv select
{
    font-size:large;
    width:100%;
}

.radiusborderdiv input
{
    font-size:large;
}

.radiusborderdiv textarea
{
    font-size:larger;
}

.greyheader
{
    background:url(/images/gradient_bg.jpg) repeat-x #3d3d3d;
    border-left: 1px solid #B0B0B0;
    border-top: 1px solid #B0B0B0;
    border-bottom: 1px solid #505050;
    border-right: 1px solid #505050;
    height:30px;
    color:White;   
    text-align:center;
    font-weight:bold;
}

.logout a
{
    color:Yellow;
}

.LoginAd1
{
    color:Red;
    font-size:larger;
}

.LoginAd2
{
    color:Blue;
    font-size:large;
}

.bluebuttoninside
{
    color:White;
    text-align:center;
    vertical-align:middle;
    font-size:larger;
    cursor:pointer;
    background:url(/images/openclosebutton.png) #1076a7;    
}

.tablecontainer {
    position:relative;
    background: url("/images/tab-mid.jpg") repeat scroll 0 0 transparent;
}
.tablecontainerbottom {
    position:relative;
    background: url("/images/tab-bottom.jpg") repeat scroll 0 0 transparent;
}
.tablecontainertop {
    position:relative;
    background: url("/images/tab-top.jpg") repeat scroll 0 0 transparent;
}

.snagbuttontopleft
{
    background: url("/images/blue-tl.png") no-repeat scroll 0 0 transparent;
    width:5px;
    height:5px;
}
.snagbuttontopmiddle
{
    background: url("/images/blue-tm.jpg") no-repeat scroll 0 0 transparent;
    width:50px;
    height:5px;
}
.snagbuttontopright
{
    background: url("/images/blue-tr.png") no-repeat scroll 0 0 transparent;
    width:5px;
    height:5px;
}
.snagbuttonbottomleft
{
    background: url("/images/blue-bl.png") no-repeat scroll 0 0 transparent;
    width:5px;
    height:5px;
}
.snagbuttonbottommiddle
{
    background: url("/images/blue-bm.jpg") no-repeat scroll 0 0 transparent;
    width:50px;
    height:5px;
}
.snagbuttonbottomright
{
    background: url("/images/blue-br.png") no-repeat scroll 0 0 transparent;
    width:5px;
    height:5px;
}

.tablecontainer img {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:0;
} 


.tablecontainer table {
    position:relative;
    z-index:1;
} 

.snagbuttonleft
{
    background:url(/images/blue-lm-1px.jpg) repeat-y;    
}

.snagbuttonright
{
    background:url(/images/blue-rm-1px.jpg) repeat-y;    
}

.mobilebody
{
    background-color:#DFDFDF;
}

.fancyboximage img
{
    width:38px;
    height:26px;
}