html { height:100%; }
form { height:100%; }
body 
{
    height:auto;
    margin:0;
    font-family:Verdana;
    font-size:12px;
    background-color:White;
    background-image:url(images/bg.png);
    background-repeat:repeat-x;
}
body.noBG
{
    background:none;
    height:100%;
}

a, a:link
{
    color:DarkGreen;
    text-decoration:underline;
}
a:hover
{
    text-decoration:none;
}
a.sel
{
    text-decoration:none;
    font-weight:bold;
}

a.DarkLink
{
    color:Black;
    text-decoration:none !important;
}
	.btn 
	{
	    color:Black;
	    font-size:10px;
	    font-family:Verdana, Arial;
		background-image:	url(images/button.gif);
		background-position: top left;
		background-repeat:no-repeat;
		width: 89px;
		height: 28px;
		_height: 29px;
		text-decoration: none;
		text-align:	center;
		vertical-align: middle;
		zdisplay:block;
		padding:0;
		zpadding-top:6px;
		border:0;
		}
		
	a.btn:hover { 
		zbackground-position: 0 -25px;
		text-decoration:none;
		}
	a.btn.l {float:left; margin-right:5px;}
label
{
    position:relative;
    top:-3px;
}

.mainContainer
{
    width: 975px;
    height: 100%;
    margin:0;
    margin-right:auto;
    margin-left:auto;
}

.topHeader
{
    height:84px;
    background-image:url(Images/templ_header.png);
    background-repeat:no-repeat;
}
.loginInput
{
    width:90px;
    height:16px;
    font-family:Verdana;
    font-size:11px;
    color:black;
    border:1px solid Black;
    position:relative;
    top:3px;
    vertical-align:top;
}
.loginPanel
{
    float:right;
    width:365px;
    height:24px;
    vertical-align:top;
    font-size:10px;
    color:White;
    font-family:Verdana;
    margin-top:57px;
}
.loginPanel span
{
}
.helpLink
{
    float:right;
    border:0;
    width:17px;
    height:17px;
    margin-top:62px;
    margin-right:10px;
}
.defContainer
{
    width:auto;
    margin:0 20px;
    zmargin-right:10px;
    text-align:left;
}
.defContainer div
{
    float:left;
    width:16px;
    height:16px;
    border:1px solid DarkGreen;
    margin-right:10px;
    margin-bottom:20px;
}
.defContainer span
{
    text-align:left;
    font-size:12px;
    line-height:16px;
    font-family:Arial;
    vertical-align:middle;   
}
.menuItem
{
    padding:24px;
    color:Black !important;
    font-size:12px;
    text-align:center;
    border-right:1px solid #bbb;
    font-weight:bold;
    text-decoration:none !important;
    cursor:pointer !important;
    width:110px !important;
}
a.menuItem:hover
{
    background-image:url(Images/menu_item_over.gif);
}
.menuItem.first
{
    margin-left:8px;
    _margin-left:4px;
}
.item.first .slide
{
    margin-left:8px;
    _margin-left:4px;
}   
a.menuItem.first:hover
{
    background-image:url(Images/left_over.gif);
}
.menuItem.roll
{
    background-image:url(Images/menu_item.gif);
}

.topContainer
{
    width:100%;
    height: 64px;
    background-image: url(images/menuBG.gif);
    background-position:center;
    background-repeat:no-repeat;
    color:White;
}
#preHeaderContainer
{
    width:964px;
    height:79px;
    margin-bottom:7px;
    margin-left:auto;
    margin-right:auto;
    background-image: url(images/preHeader.png);
    
}
#preHeaderBody1
{
    width:331px;
    height:68px;
    border: 1px solid #224e15;
    float:left;
    font-size:10px;
    font-family:Tahoma;
    color:Black;
    vertical-align:middle;
    padding-left:20px;
    text-align:left;
    margin:4px 0 0 4px;
    _margin-left:2px;
}
#preHeaderBody2
{
    width:210px;
    height:68px;
    border: 1px solid #224e15;
    border-left:none;
    border-right:none;
    float:left;
    margin-top:4px;
}
#preHeaderBody3
{
    width:391px;
    height:68px;
    border: 1px solid #224e15;
    float:left;
    margin-top:4px;
}
#customBodyContainer
{
    width:100%;
    height:auto;
    background:none;
    text-align:center;
    padding-top:10px;
}
.customBodyItem
{
    width:934px;
    height:483px;
    background-image:url(images/contentBG.png);
    background-repeat:no-repeat;
    text-align:center;
    padding:15px;
    margin-left:auto;
    margin-right:auto;
    _margin-left:5px;
    _margin-right:0;
}
#bodyLeftContainer
{
    background-image:url(images/bodyLeftContentBG.png);
    background-repeat:no-repeat;
    width:483px;
    height:422px;
    margin:5px;
    _margin-left:2px;
    float:left;
    padding:25px;
    text-align:left;
    font-size:10px;
}
.CommonGrid
{
    text-align:left;
    font-size:10px;
    margin:10px;
}
.CommonGrid img
{
    border:none;
}
.CommonGrid select
{
    font-size:10px;
}
.GridHeader_Custom
{
    padding-bottom:10px;
}

#searchContainer
{
    background-image:url(images/searchContentBG.png);
    background-repeat:no-repeat;
    width:363px;
    height:202px;
    margin:5px 4px;
    float:left;
    padding:10px;
}
.SearchInput
{
    background-image:url(images/search_input_bg.gif);
    background-position:top left;
    background-repeat:no-repeat;
    width:230px;
    height:21px;
    border:0;
    padding:3px;
    padding-bottom:5px;
    display:inline;
}

.SearchInput input
{
    background:none;
    width:229px;
    height:15px;
    _height:9px;
    font-size:11px;
    color:Black;
    font-family:Verdana, Arial;
    border:0;
    margin-top:3px;
    cursor:text;
}

.CommonInput
{
    background-image:url(images/input_bg.gif);
    background-position:top left;
    background-repeat:no-repeat;
    width:122px;
    height:21px;
    border:0;
    padding:3px;
    padding-bottom:5px;
    display:inline;
}

.CommonInput input
{
    background:none;
    width:121px;
    height:15px;
    _height:9px;
    font-size:11px;
    color:Black;
    font-family:Verdana, Arial;
    border:0;
    margin-top:3px;
    cursor:text;
}
    
.repeatedItem
{
    background-image:url(images/item_bg.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    width:395px;
    height:171px;
    margin:5px;
    margin-left:0;
    border:1px solid transparent;
}

.repeatedItemHeader
{
    height:auto;
    color:Black;
    font-weight:bold;
    font-size:14px;
    font-family:Georgia, Arial, Verdana;
    margin-top:17px;
    margin-bottom:5px;
    text-align:center;
}

.repeatedItemFooter
{
    height:auto;
    color:#484848;
    font-size:13px;
    font-family:Arial, Verdana;
    margin-top:5px;
    text-align:center;
}

.repeatedItemImage
{
    margin-right:auto;
    margin-left:auto;
    zwidth:235px;
    max-width:300px;
    height:90px;
    margin-bottom:5px;
    display:block;
    text-align:center;
    overflow:hidden;
}

.chkInput input
{
    position:relative;
    top:1px;
}
#SubContent
{
    background-image:url(images/item_details_bg.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    width:392px;
    height:360px;
    margin:5px 0;
    float:right;
}
#SubContentHeader
{
    width:354px;
    height:30px;
    padding:16px 0 0 16px;
    margin:10px;
    margin-bottom:0;
    background-color:DarkRed;
    color:White;
    font-weight:bold;
    font-size:12px;
    font-family:Verdana, Arial;
}

#SubContentBody
{
    width:370px;
    height:295px;
    overflow:auto;
    overflow-y:scroll;
    overflow-x:hidden;
    margin-left:10px;
}


#SubContentBody ul
{
    list-style-type:none;
    margin:0;
    padding:0;
}
#SubContentBody ul li
{
    height:40px;
}

a.SubItemLink
{
   width: 100%;
   height:40px;
   background-color:WhiteSmoke;
   display:block;
   color:Black;
   font-weight:bold;
   cursor:pointer;
   border-bottom:1px dashed #d8d8d8;
   text-decoration:none;
       font-family:Georgia, Arial;
    color:#484848;

}
a.SubItemLink img
{
  margin:5px;
  display:block;
  float:left;
}
a.SubItemLink:hover
{
    background-color:White;
    text-decoration:underline;
    color:Black;

}

.SubItemName
{
    margin-top:12px;
    width:auto;
    height:15px;
    overflow:hidden;
    display:block;
    float:left;
}
#InfoContent span.h
{
    float:left;
    display:block;
    width:100px;
    text-align:right;
    font-weight:bold;
    padding-right:5px;
    margin-top:2px;
    margin-bottom:2px;
    height:18px;
}
#InfoContent div
{
    height:auto;
}
#InfoContent div div
{
    float:left;
    width:285px;
    height:auto;
    min-height:18px;
    margin-bottom:8px;
    font-family:Verdana;
    line-height:20px;
    padding-top:0;
    color:#1a1a1a;
}
#InfoContent div div a
{
    color:Blue;
}

.adminContent
{
    width:796px !important;
    height:auto;
    float:right !important;
    margin:5px 7px 0 0 !important;
}


.commonInfo
{
    font-family:Tahoma;
    font-size:10px;
    text-align:left;
}
.commonInfo a
{
    color:DarkGreen;
    font-weight:bold;
}
.UserDetailsGrid
{
    font-size:11px;
}
.UserDetailsGrid td
{
    border: 0;
}
.UserDetailsGrid input, .UserDetailsGrid select
{
    font-size:11px;
    padding:0;
}
.UserDetailsGrid input
{
    width:150px;
    font-family:Verdana;
}
.UserDetailsGrid select
{
    width:154px;
    _width:155px;
    font-family:Verdana;
}
.UserDetailsGrid textarea
{
    font-size:11px;
    width:350px;
    font-family:Verdana;
}
td.GridRowSeparator
{
    margin-bottom:10px;
    border-bottom:1px solid Gray;
}
.detailsTabContainer
{
    margin-top:-2px !important;
}
.detailsContainer
{
    height: 400px; 
    width: 810px; 
    zmargin-top:15px; 
    overflow: auto;
    border:1px solid #9C9CA2;
    background-color:White;
    padding:15px;
    zmargin-top:-7px;
}
.headerGreen
{
    font-size:20px;
    font-weight:200;
    color:DarkGreen;
    display:block;
    font-family: Verdana;
    text-align:left;
    zpadding:5px;
    margin-bottom:12px;
    zmargin-top:-6px;
}
.CentralContainer
{
    width:286px;
    height:199px;
    float:left;
    background-image:url(images/ss_item_plate.gif);
    background-repeat:no-repeat;
    background-position:center;
    zmargin:100px 0 0 300px;
    text-align:center;
    font-size:11px;
    font-family:Verdana;
    padding:15px;
}
.modalPopup
{
    border:2px solid DarkGreen;
    background-color:White;
    padding:10px;
}
.modalPopup2
{
    border:2px solid DarkGreen;
    background-color:White;
    padding:10px;
    position:absolute;
    z-index:30001;
    top:100px;
    left:150px;
    zpadding-right:0;
}
.modalPopupHeader
{
    zbackground-color: DarkGreen;
    background-image:url(images/header_graphic_px.gif);
    background-repeat:repeat-x;
    background-position:center;
    color:White;
    font-weight:bold;
    font-family:Arial;
    font-size:12px;
    padding:5px;
    margin:-10px -10px 10px -10px;
    zcursor:move;
}
.popupsBackground 
{
    filter:alpha(opacity=75);
    -moz-opacity:.75;
    opacity:.75; 
    background-color:LightGrey;
    
}
.popupsBackground2
{
    filter:alpha(opacity=75);
    -moz-opacity:.75;
    opacity:.75; 
    background-color:LightGrey;
    width:100%;
    height:1000px;
    position:absolute;
    left:0;
    top:0;
    z-index:30000;
}

.tableData
{
    text-align: left;
    font-size: 11px;
    font-family: Tahoma;
}

.tableData td.h
{
    font-weight: bold;
    font-size: 13px;
    width: 80px;
}
.dataContainer
{
    float:left;
    margin:0 8px 0 10px;
    _margin-left:4px;
}
.dataContainer div
{
    text-align:left;
}
.dataContainer div span
{
    display:block;
    font-family:Georgia, Verdana, Arial;
    text-align:left;
    font-size:11px;
    color:Black;
    font-weight:bold;
    margin-top:25px;
    margin-bottom:5px;
}
.dataContainer.low div span
{
    margin-top:16px;
}
.t
{
    margin-top:5px;
}
.dataSeparator
{
    background-image:url(images/seperator.gif);
    width:24px;
    height:163px;
    float:left;
    margin:0 5px;
}
.dataSeparator2
{
    background-image:url(images/profile_seperator.gif);
    background-position:top;
    background-repeat:repeat-y;
    width:16px;
    height:370px;
    float:left;
    margin:15px 5px 0;
}
.dd
{
    width:152px;
}
.dd200
{
    width:205px;
}
.txt
{
    width:147px;
}
.txt200
{
    width:200px;
}
.txt250
{
    width:250px;
}
.txt.pass
{
    font-family:Verdana;
    width:147px;
}
.Error
{
    color:Red;
    font-family:Tahoma;
    text-align:left;
    font-size:10px;
}
zdiv {border:1px solid red;}
ztd {border:1px solid blue;}
zspan {border:1px solid Maroon;}