/*---------------------------- TEXT STYLES ----------------------------*/
a{
	text-decoration:none;
	color:#67676b;
	
}

a:hover{
	color:#000;
	
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	color:#434344;	
	line-height:1.3em;
}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#434344;
}

h1 {
	font-size:25px;
	margin-top:10px;

}
h2 {
	font-size:23px;

	
}

h3 {
	font-size:18px;	

}


h4 {
	font-size:16px;

}

h5 {
	font-size:14px;
	
}


h6 {
	font-size:12px;

}


hr {

	background-color:#e3e3e3;
	border:#e3e3e3;
	height:1px;
}

p{
	margin-bottom:10px;
	margin-top:10px;	
}


/*---------------------------- END TEXT STYLES ----------------------------*/

body 
{
	position: inherit;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4b4b4b;
	font-weight:300;
	line-height:1.5em;
	background-color:#ededed;
	margin-right:auto;
	margin-left: auto;
    height: 100%;
    width: 100%;
}

#mainContainer
{
    position:relative;
	margin-top:0px;
	margin-bottom: 0px;
	width:100%;
	height:100%;
    top: -175px;
    left: -7px;
}

.panel
{
    background-image:url('../images/content_bg.jpg');
	background-repeat:repeat;
    padding: 15px;
	margin-right:auto;
	margin-left: auto;
	border: solid 1px #d6d6d6;
	position:relative;
    height: 95%;
    width: 90%;
    margin-top: 40px;
    text-align: center;
    top: 0px;
    left: -3px;
}

/*-------------------------- MENU ----------------------------------*/

#tblmnu
{
	position: absolute;
	left: 10px;
	top: 10px;
    width: 701px;
    height: 139px;
    margin-bottom: 28px;
}


UL.nav > LI 
{
    position: relative;
    list-style: none;
    float: left;
    width: 65px;
    height:0px; /* height included for IE 7 */
    line-height:1;
    margin-left: 5px;
    margin-top: 10px;
    padding: 0px;
}

UL.nav UL{
    left: -10000px;
    position: absolute;    
    list-style: none;      
}

UL.nav > LI:hover UL
{
	position: relative;
    left: 0;
    top: 0px; /* IE7 has problems without this */
    padding: 0px;
    margin: 0px;
    line-height:1;
    list-style: none;
}
/*---------------------------- Title ----------------------------*/

.title
{
    height: 1.5em; /* height included for IE 7 */
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    margin-top: 5px;
    padding:0;
    font-size: 1.5em;
}

.center
{
    text-align: center;
    margin-left:auto;
    margin-right:auto;
}

/*---------------------- FOOTER -------------------------------*/

#footer
{
	position: inherit;
	height:75px;
	width:90%;
	margin:0px;
	vertical-align: bottom;
	bottom:0px;
	padding: 0px;
}

#footer p{
	color:#666666;
	font-size:10px;
	float:right;
	margin-right:20px;
}

#footerMenu
{
	position: inherit;
	float:left;
	margin-left:0px;
}

#footerMenu ul{
	margin-top:10px;
	text-align:left;
	font-size:10px;
	color:#656565;
}

#footerMenu ul li{
	float:left;
	text-decoration: none;
	padding-left:15px;
	list-style:none;
}

#footerMenu ul li a{
	color:#656565;
	text-decoration: none;
	font-size:13px;
}

#footerMenu ul li a:hover{
	color:#000;
}


/*---------------------------- CONTENT ----------------------------*/

#container{background: #fff;font-family: Tahoma, Verdana;}

#content
{
	position:inherit;
	top: -20px;
	right: -15px;
	left: -15px;
	bottom: -10px;
}


#tbpl1{width:900px;}
#tbpl2{width:900px;}
#tbpl3{width:900px;}

#footer
{
	position: inherit;
	height:25px;
	width:90%;
	margin:5px;
	vertical-align: bottom;
	bottom:0px;
	padding: 0px;
}

#footerMenu p{
	color:#666666;
	font-size:10px;
	float:left;
}

#footerMenu
{
	position:inherit;
	float:left;
	margin-left:0px;
}
/*----------------------------------CSS For Orders Pages and DataGrids--------------------------------------*/

.clear{clear:both;}
.bottom{vertical-align:bottom;}
.top{vertical-align:top}
.bord{border: solid 1px #9C9C9C;}

/*		padding and margin			*/
.w100{width: 100%; }
.w33{width: 33.2%; }
.left{float:left;
      width: 931px;
}
.right{float: right}
.pdt10{ padding-top: 10px; }
.padl20{ padding-left: 20px; }
.padr30{ padding-right: 30% }

/* CSS Style for Tab Container */
.ajax__tab_fx .ajax__tab_header{font-family: Tahoma;font-weight: bold;font-size: 0.9em;color:transparent;text-align: left;padding-left: 5px;background: url(images/tab-line.gif) repeat-x 100% top;}
.ajax__tab_fx .ajax__tab_outer{height:auto; padding-right:2px;background: url(../images/tab-right.png) no-repeat right top;}
.ajax__tab_fx .ajax__tab_inner{height:auto; padding-left:2px;background: url(../images/tab-left.png) no-repeat left top;}
.ajax__tab_fx .ajax__tab_tab{height:auto; background: url(../images/tab.png) repeat-x;}
.ajax__tab_fx .ajax__tab_hover .ajax__tab_outer{background: url(../images/tab-hover-right.png) no-repeat right top;}
.ajax__tab_fx .ajax__tab_hover .ajax__tab_inner{background: url(../images/tab-hover-left.png) no-repeat 0% top;}
.ajax__tab_fx .ajax__tab_hover .ajax__tab_tab{background: url(../images/tab-hover.png) repeat-x;}
.ajax__tab_fx .ajax__tab_active .ajax__tab_outer{background: url(../images/tab-active-right.png) no-repeat right top;}
.ajax__tab_fx .ajax__tab_active .ajax__tab_inner{background: url(../images/tab-active-left.png) no-repeat;}
.ajax__tab_fx .ajax__tab_active .ajax__tab_tab{background: url(../images/tab-active.png) repeat-x;}
.ajax__tab_fx .ajax__tab_body{font-family: Tahoma;font-size: 1em;border: 1px solid #999999;padding: 8px;background-color: white;}

/* CSS FOR DATAGRIDS */

.mGrid {background-color: #fff; margin: 0px; border: solid 1px #525252; border-collapse:collapse; font-family: Tahoma; font-size:1em; text-align:center; }
.mGrid td { padding: 4px 4px; height: 12px; border: solid 1px #c1c1c1; color: #717171; font-size:1em}
.mGrid td.col{padding: 12px 20px 12px 20px}
.mGrid th {padding: 4px 4px;height: 12px;color: #fff; background: url(../images/grd_head.png) #fcfcfc repeat-x 50% top;border-left: solid 1px #525252;	font-size: 1em;font-weight:bold;}
.mGrid .alt{ background: url(../images/grd_alt.png) #fcfcfc repeat-x top;}
.mGrid .pgr{ background: url(../images/grd_pgr.png) #fcfcfc repeat-x top;}
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr a:hover { color: #000; text-decoration: none; }
.mGridshrt { background-color: #fff;color: #717171; margin: 0px; border: solid 1px #525252; border-collapse:collapse; font-family: Tahoma; font-size:1em; text-align:center; }
.mGridshrt td.col{padding: 12px 20px 12px 20px}
.mGridshrt td { padding: 4px 4px; height: 12px; border: solid 1px #c1c1c1; color: #717171;}
.mGridshrt th{	padding: 4px 4px;height: 12px;color: #000;	background: url(../images/grd_headshrt.png) #fcfcfc repeat-x 50% top;	border-left: solid 1px #525252;	font-size:1em;}
.mGridshrt .alt{ background: url(../images/grd_alt.png) #fcfcfc repeat-x top;}
.mGridshrt .pgr{ background: url(../images/grd_pgr.png) #fcfcfc repeat-x top;}
.mGridshrt .pgr table { margin: 5px 0; }
.mGridshrt .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
.mGridshrt .pgr a { color: #666; text-decoration: none; }
.mGridshrt .pgr a:hover {color: #000; text-decoration: none;}


.z999
{
	z-index:999;
}