@charset "utf-8";
/* CSS Document */


body {
	margin:0px;
	font-family:"Century Gothic";
	padding:0px;
}
.loginBgSpcr {
	background:url(images/login_bg_spcr.jpg) repeat-x 0px 0px #282828;
}
#loginSection {
	width:50%;
	background:url(images/login_bg_box.jpg) repeat 0px 0px;
	float:left;
	padding:0px 0px 0px 0px;
	left: 50%;
    margin-left: -25%;
    padding: 0;
    position: absolute;
}
@media screen and (max-width: 640px) {
   #loginSection 
   {
    
    margin-left: 0%;  
	width:100%;}
}

#loginSection .formContent {
	width:380px;
	padding: 50px 0;
	margin: auto;
	overflow: hidden;
}
.formContent h1.logo {	
	margin:0px;
	padding:0px;
}
.formContent h1.logo a {
	background:url(images/logo.png) no-repeat 0px 0px;
	display:block;
	height:62px;
	width:379px;
	outline:none;
}
.helloTip {
	background:url(images/tip_bg.png) no-repeat 0px 0px;
	width: 100%;
	height:61px;
	margin:16px 0px 18px 0px;
	padding:0px 0px 0px 21px;
	color:#5d5d5d;
	font-family:"Century Gothic";
}
.helloTip span {
	display: block;
	font-size: 24px;
	padding: 3px 0 0;
}
.helloTip strong {
	font-size:14px;
	font-weight:normal;
	display:block;
}
input.inptBox {
	background:url(images/input_bg.png) no-repeat 0px 0px;
	width:100%;
	height:69px;
	font-family:"Century Gothic";
	font-size:16px;
	padding:0px 15px;
	line-height:16px;
	font-style:italic;
	border:none;
	color:#5d5d5d;
	margin:0px 0px 26px 0px;
}
.frgtPwd {
	clear:both;
	font-family:arial;
	font-size:16px;
	text-align:right;
	color:#ff4800;
	text-decoration:none;
}
.frgtPwd a {
	color:#ff4800;
	text-decoration:none;
}
.signInBtn {
}
.signInBtn input.submit {
	background:url(images/sign_in.png) no-repeat 0px 0px;
	width:161px;
	float:right;
	height:51px;
	font-size:0px;
	line-height:0px;
	border:none;
	cursor:pointer;
	outline:none;
	margin:33px 0px 0px 0px;
}


.signInBtn input.submit:hover {
	background:url(images/sign_in_hover.png) no-repeat 0px 0px;
}




.loginDescSection {
	width:50%;
	float:left;
}


.loginDescSection p.desc{
	width:50%;
	font-family:Georgia;
	font-size:12px;
	float:left;
	color:#5d5d5d;
	font-weight:bold;
	font-style:italic;
	line-height:20px;
	margin:346px 0px 0px 47px;
}
.star
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  color:Red; 
}
.error
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  color:Red; 
}


/******************************sales page css starts*******************************/


#header,#header1 {
	background:url(images/header_bg.jpg) repeat-x 0px 0px;
	height:120px;
	font-family:arial;
}
#header .innerHead,#header1 .innerHead {
	width:95%;
	height:120px;
	margin:0px auto;
}
#header .innerHead .logo,#header1 .innerHead .logo {
	float:left;
	padding:17px 0px 0px 0px;
}
#header .innerHead .logoRight,#header1 .innerHead .logoRight {
	float:right;
	min-width:200px;
	padding:7px 0px 0px 0px;
}
.logoRight .user {
	float:left;
	display:block;
	background:url(images/user_icon.png) no-repeat 8px 3px #4b4b4b;
	border:dotted 1px #969696;
	border-top:none;
	font-size:11px;
	color:#00f0ff;
	height:21px;
	padding:6px 10px 0px 32px;
}
.logoRight .links {
	float:left;
	color:#dad9d9;
	font-size:11px;
	padding:5px 0px 0px 0px;
}
.logoRight .links a {
	color:#dad9d9;
	padding:0px 7px;
	text-decoration:none;
}
.logoRight .links a:hover {
	color:#fff;
}
#nav, #nav1 {
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	padding:18px 10px 0px 10px;
}
#nav ul, #nav1 ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#nav ul ul,#nav1 ul ul{ background-color:#000000;}
#nav ul ul li,#nav1 ul ul li{ padding-top:4px; padding-bottom:4px;}
#nav ul ul li a:hover,#nav1 ul ul li a:hover{ color:#FFF!important;}
#nav ul li ,#nav1 ul li {
	margin:0px;
	list-style:none;
	float:left;
}
#nav ul li a.home,#nav1 ul li a.home {
	background:url(images/home_icon.png) no-repeat 0px 0px;
	display:block;
	width:20px;
	height:17px;
	padding:0px;
}
#nav ul li,#nav1 ul li{background: url(images/nav_spcr.png) no-repeat scroll right 10px transparent; padding-right:2px;}
#nav ul.menu li a ,#nav1 ul.menu li a {color: #D0D0D0;
	margin:0px 0px 0px 7px;
	text-decoration: none;
	padding:0 0 0 10px;
	float:left;
}
#nav ul li a span span,#nav1 ul li a span span{ display:none;}
#nav ul li a span,#nav1 ul li a span{
	color: #D0D0D0;
	display: block;
	padding: 5px 10px 0 0;
	text-decoration: none;

}
#nav ul li a:hover,#nav1 ul li a:hover{ float:left; background: url(images/nav_left.png) no-repeat left top; text-decoration:none;}
#nav ul li a:hover span,#nav1 ul li a:hover span{ float:left; background: url(images/nav_right.png) no-repeat right top; color:#FFF!important;}

#nav ul li a.last,#nav1 ul li a.last {
	background: none;
}
.takeOrder {
	background:#efefef;
	height:64px;
}
.takeOrder .innerCont {
	width:95%;
	margin:0px auto;
}
.takeOrder .title {
	float:left;
	padding:10px 0px;
	font-size:26px;
	color:#000000;
}
.takeOrder .selectPane {
	float:right;
	padding:14px 0px;
	font-size:26px;
	width:500px;
	color:#000000;
}
.takeOrder .selectPane span {
	display: block;
	float: left;
	font-size: 12px;
	padding: 8px 5px;
}
.takeOrder .selectPane select {
	float:left;
	background:url(images/select_bg.png) no-repeat 0px 0px;
	width:291px;
	height:31px;
	font-size:12px;
	line-height:12px;
	border:none;
	padding:6px 4px;
}
.takeOrder .selectPane select option {
	padding:3px 0px;
}
#mainWrapper {
	width:99%;
	margin:0px auto;
	padding:8px 0px;
}
#box {
	width:99%;
	position:relative;
	margin:0px auto 31px;
	padding:8px;
	float:left;
	background:#efefef;
}
#box .topLeftCor {
	background:url(images/box_top_left_cor.png) no-repeat 0px 0px;
	width:5px;
	height:5px;
	position:absolute;
	left:0px;
	top:0px;
}
#box .topRightCor {
	background:url(images/box_top_right_cor.png) no-repeat 0px 0px;
	width:5px;
	height:5px;
	position:absolute;
	right:0px;
	top:0px;
}
#box .btmRightCor {
	background:url(images/box_btm_right_cor.png) no-repeat 0px 0px;
	width:5px;
	height:5px;
	position:absolute;
	right:0px;
	bottom:0px;
}
#box .btmLeftCor {
	background:url(images/box_btm_left_cor.png) no-repeat 0px 0px;
	width:5px;
	height:5px;
	position:absolute;
	left:0px;
	bottom:0px;
}
#box .boxWrap1 {
	border-top:solid 1px #bbbbbb;
	border-left:solid 1px #bbbbbb;
	background:#FFFFFF;
}
#box .boxWrap1 table td {
	border-collapse:collapse;
	padding:0px;
	color:#272727;
	vertical-align:text-top;
	font-size:12px;
	margin:0px;
	border-right:solid 1px #bbbbbb;
	border-bottom:solid 1px #bbbbbb;
}
#box .boxWrap1 .td1 {
	width:10%;
}
#box .boxWrap1 .td2 {
	width:5%;
}
#box .boxWrap1 .td3 {
	width:85%;
}
#box .boxWrap1 .bold {
	font-weight:bold;
	color:#272727;
	padding:5px 9px 5px 9px;
}
#box .boxWrap1 table td td {
	background:none;
	border:none;
}
#box .boxWrap1 table .tbr {
	margin:10px 3px;
	width:99%;
}
.bgInputTable {
	background:url(images/bg_input_table.png) repeat-x 0px 0px;
	height:22px;
	margin:0px 4px 0px 0px;
	border:solid 1px #edecec;
	width:42%;
	font-size:11px!important;
}
.greenTd {
	vertical-align:middle!important;
	background:url(images/black_bg.gif) repeat-x 0px 0px!important;
	height:24px;
	text-align:center;
	font-size:11px!important;
	color:#FFFFFF!important;
 	cursor:pointer;
	border:none;
	margin:-4px 0 0 0;
	border:1px solid #000000;
	border-radius:3px;
	
}
input.search {
	background:url(images/search_cc_bg.png) no-repeat 0px 0px;
	width:124px;
	height:25px;
	text-transform:uppercase;
	color:#FFFFFF;
	border:none;
	font-size:11px;
	margin:0px 5px 5px 0px;
	float:left;
	cursor:pointer;
	padding:0px 0px 0px 13px;
 }
input.browse {
	float:left;
	background:url(images/browse.png) no-repeat 0px 0px;
	width:58px;
	height:26px;
	border:none;
	cursor:pointer;
	font-size:0px;
	line-height:0px;
}
.mailbox {
	float:right;
	width:50%;
	text-align:right;
}
.w50 {
	width:70%!important;
}
.btnso {
	float:left;
	background:url(images/sumit_icon_so_bg.png) no-repeat 0px 0px;
	width:24px;
	height:25px;
	border:none;
	cursor:pointer;
	font-size:0px;
	line-height:0px;
	margin:0px 5px 0px 0px;
}
.btnCalender {
	float:left;
	margin:0px 5px 0px 0px;
}
.fltLeft_so {
	float:left!important;
	height:21px;
}
input.searchIcon {
	background:url(images/search_icon.png) no-repeat 0px 0px;
	float:left;
	font-size:0px;
	line-height:0px;
	border:none;
	margin:0px 0px 0px 0px;
	height:20px;
	width:20px;
	cursor:pointer;
}
.w100 {
	width:95%!important;
}
table.oneSpc {
	padding:5px 5px 5px 10px;
}
.table2 {
}
.table2 .customerInfo {
	color:#ff0000;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	background:url(images/red_line.png) no-repeat 0px 0px;
	padding:5px 11px 0px 10px;
}
.table2 .mscl {
	color:#000;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	background:url(images/black_line.png) no-repeat 0px 0px;
	padding:5px 0px 0px 10px;
}
.bgOneTable {
	background:url(images/bg_input_table.png) repeat-x 0px 0px;
	height:17px;
	margin:0px 4px 0px 0px;
	border:solid 1px #dfdede;
	width:75%;
	font-size:11px!important;
}
.table2 .customerInfoTab {
	border-bottom:solid 1px #575757!important;
	padding:15px 0px 5px 0px!important;
}
.table2 .customerInfoTab a {
	padding:5px 10px!important;
	background:#f00;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
.table2 .labelcls {
	width:40%;
	text-align:left;
	padding:0px 0px 15px 0px!important;
}


.table1Lable{
display:block; float:left; padding:4px 4px 0px 0px;  width:70px;
}


.table2Cont1{
margin:15px 0px 0px 0px;
}

.brdrRight{
border-right:solid 1px #cdcdcd;
}

.table2CstmrInfo{
padding:22px 20px 10px!important;
}

.table1Pad5{
padding:5px!important;
}
.innerBox{ border:solid 1px #cccccc; float:left; width:100%;}
li.lastlist{ padding-right:25px;}
li.lastlist a{ padding-top:0px!important;}
li.lastlist a:hover{ background:none!important}

#so_search{position:relative; margin:0; padding:0;}

#so_search .textboxMedium
{
	border: 1px solid #C0C4C7;
	padding-left: 2px;
	background-image: url(images/bckgInput.gif);
	background-repeat: repeat-x;
	font: 11px Tahoma, Arial;
	color: #3f3f3f;
	min-height: 13px;
	background-color: #ffffff;
	width: 85px;
	margin:5px 0;
	float:left; clear:both;
	height:18px;
}

#so_search .textboxMedium a{float:right!important; width:100px !important; }

#so_search .search {
	background:url(images/search_cc_bg.png) no-repeat 0px 0px;
	width:124px;
	height:25px;
 	color:#FFFFFF;
	border:none;
	font-size:11px;
	margin:3px 7px 5px 7px;
 	cursor:pointer;
	padding:0px 0px 0px 13px;
 }

#so_search a#searchlink { margin:0; padding:0 17px 5px 0; background:url(images/add_small.png) right no-repeat !important;}

#so_search #subcontent{top:15px!important; z-index:1; left:0px!important; position: absolute; visibility: hidden; background-color: #2f2f2f; width: 150px; padding:5px 0; border-radius:5px; }

#so_search #subcontent .greenTd{
vertical-align:middle!important;
 	height:24px;
	text-align:center;
  	cursor:pointer;
	border:none;
	margin:0px 0 0 0;
	background:none!important;
	font:bold 11px Arial, Helvetica, sans-serif!important;
	color:#d0d0d0!important;
	float:none!important;
 }

#so_search #subcontent .greenTd:hover{background:#000;}

.greenTd1 {
	vertical-align:middle!important;
	background:url(images/black_bg.gif) repeat-x 0px 0px!important;
	height:24px;
	text-align:center;
	font-size:11px!important;
	color:#FFFFFF!important;
 	cursor:pointer;
	border:none;
	margin:4px 0 0 0;
	border:1px solid #000000;
	border-radius:3px;	
}
.ajax__calendar_container {
    cursor: default;
    font-family: tahoma,verdana,helvetica;
    font-size: 11px;
    padding: 4px;
    position: absolute;
    text-align: center;
    width: 200px!important;
}
.ajax__calendar_body {
    height: 139px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 200px!important;
}
#btn_TcpDown {
    cursor: pointer;
    background: url(Images/pre.gif) left top no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    border: 0px;
    text-align: center;
    margin: 5px 0;
}

#btn_TcpUp {
    cursor: pointer;
    background: url(Images/next.gif) left top no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    border: 0px;
    text-align: center;
    margin: 5px 0;
}
.mainHead {
    padding: 0px;
}

.heading1 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.topLinks a {
    display: block;
    font-size: 14px;
    float: left;
    background: #e1e1e1;
    padding: 3px 10px;
    border-right: 1px solid #999;
    color: White;
}

.selected {
    background: #00C9C0 !important;
}

.topLinks table td {
    padding: 0;
}
 

/*-----------OLD CSS---------------------*/
/* 
'-------------------------------------------------------------------
'	© 2008 SuntecIndia TEchnologies
'	Support for iPurchaseOrder may be found at:
'	http://www.suntecindia.com/
'-------------------------------------------------------------------
 */

/* 
#008080  - green
 */

/*body {
	background-color: #FFFFFF;
	color: #333333;
	margin: 0px;
	background-image: none;
    scrollbar-3d-light-color : #FFFFFF;
    scrollbar-arrow-color : #8D887A;
    scrollbar-dark-shadow-color : #DED6BD;
    scrollbar-face-color : #F7F7EF;
    scrollbar-highlight-color : #F7F7EF;
    scrollbar-shadow-color : #FFFFFF;
    scrollbar-track-color : #DEEBF6;

}
.bodytext_bold
{
    COLOR: #013589;
    FONT-FAMILY: Verdana, Tahoma, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    TEXT-TRANSFORM: none;
}

.bodytext_bold_Print
{
    COLOR: #111;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 26px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    TEXT-TRANSFORM: none;
}
.bodytext_bold_Print1
{
    COLOR: #111;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 16px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    TEXT-TRANSFORM: none;
    border-bottom: 1px solid #333
}
.bodytext_bold_Print2
{
    COLOR: #111;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 18px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    TEXT-TRANSFORM: none;
    border-bottom: none;
}

.star
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  color:Red; 
}
.error
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  color:Red; 
}
.adminhead
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  background-color:#CCCCCC;
  color:#2e5aa2;
}
.top_column_padding{
  padding-top: 8px;
}
.center-title {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 19px;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: #000000;
}
.body-title-black {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: #000000;
}
.body-title-orange {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: #F79647;
}*/
p, div, ul, ol, li, table, td {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    color: #333333;
    font-size: 10px;
    font-size /* */: /**/ 12px;
    font-size: /**/ 12px;
}

a:link, a:visited {
    color: #008080;
    text-decoration: underline;
    background-color: transparent;
}

a:hover {
    text-decoration: none;
    /*background-color: #F1F1F1;*/
}

a:active {
    color: #008080;
    text-decoration: none;
    background-color: #F1F1F1;
    background-color: transparent;
}


/* get rid of the underlines for the named anchors on
the headers */
a h1, a h2, a h3, a h4 {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6, th {
    font-family: Arial, Helvetica, sans-serif;
    background-color: transparent;
}

h1 {
    color: #008080;
    font-size: 15px;
    font-size /* */: /**/ 16px;
    font-size: /**/ 16px;
}

h2 {
    color: #000066;
    font-size: 15px;
    font-size /* */: /**/ 16px;
    font-size: /**/ 16px;
}

h3 {
    color: #008080;
    font-size: 13px;
    font-size /* */: /**/ 14px;
    font-size: /**/ 14px;
}

h4, h5, h6 {
    color: #008080;
    font-size: 11px;
    font-size /* */: /**/ 12px;
    font-size: /**/ 12px;
}


blockquote, p {
    line-height: 1.5em;
}

img {
    display: block;
    border: none;
    margin: 0;
    padding: 0;
    background-color: transparent;
}


ul li {
    list-style-image: url(Images/bullet.gif);
    border: 0px solid #000000;
}

li {
    line-height: 1.6em;
}

/* keep nested ol's in ul's from taking on image styles. */
ol li {
    list-style-image: none;
}

/***************Begin topHeader ***************/


#topHeader {
    background-color: transparent;
    /*background-image:  url(Images/logo_ep_bg_trans.gif);*/
    background-position: left;
    background-repeat: no-repeat;
    border: none;
    margin: 0px;
    padding: 10px;
    height: 100px;
    height /* */: /**/ 80px;
    height: /**/ 80px;
}

    #topHeader h1 {
        padding-bottom: 0px;
        margin-bottom: 0px;
        text-align: center;
        font-variant: small-caps;
    }
    /* hide the text Logo */
    #topHeader #adminLogo {
        display: none;
    }
/***************End topHeader ***************/


/***************Begin TopBar ***************/

#topBar {
    /*background-image:  url(Images/blue.jpg);*/
    margin: 0px;
    padding: 0px 0px 0px 0px;
    /*height: 19px;*/
    vertical-align: middle;
    color: #000000;
    /*	border-left: 0x solid #008080;*/
    /*	border-right: 0px solid #008080;*/
    /*	border-top: 0px solid #008080;*/
    /*	border-bottom: 1px solid #999999; */
}


    /* all decendants of #topBar will be white */
    #topBar * {
        color: #000000;
    }

    /*keep the images vertically centered and the
text will follow their example. 
Make sure bg color is same as topBar */
    #topBar img {
        display: inline;
        vertical-align: middle;
        background-color: transparent;
    }

    #topBar a,
    #topBar a:link,
    #topBar a:visited,
    #topBar a:hover,
    #topBar a:visited {
        background-color: none;
        border: medium none;
        text-decoration: none;
    }

#topBarDate {
    float: right;
    display: inline;
    margin-top: 3px;
    margin-right: 10px;
    /*font-size: 9px;*/
}

#topBar1 {
    margin: 0px;
    padding: 3px 0px 0px 0px;
    background-color: #008080;
    vertical-align: middle;
    color: #000000;
    height: 20px;
}

#topBarDate1 {
    float: right;
    display: inline;
    margin-top: 3px;
    margin-right: 10px;
    color: #FFFFFF;
}

#topBarAlignLeft {
    float: left;
    display: inline;
    margin-top: 3px;
    margin-right: 10px;
}

/* make sure the form for quick purchase find doesn't push
other elements around */
#topBar form {
    display: inline;
}

#styles {
    display: none;
    text-align: center;
    padding: 2px 5px 2px 2px;
    clear: both;
    font-size: 9px;
    font-size /* */: /**/ 10px;
    font-size: /**/ 10px;
}

    #styles a,
    #styles a:link,
    #styles a:visited {
        text-decoration: underline;
    }

        #styles a:hover {
            text-decoration: none;
        }

/***************End TopBar ***************/



/*************Begin NavBar Nav***********/

/*Contains the navigation */
#navBar {
    padding: 0px;
    background-color: #F1F1F1;
    color: #999999;
    border-bottom: 0px solid #999999;
    background-image: none;
    background: transparent;
    margin: 0px;
    overflow: hidden;
}

#navMain {
    padding: 1px 5px 2px;
    overflow: hidden;
}

/* move the sub nav over a bit */
#subNav-adminSetup {
    padding: 1px 10px 2px 10px;
    border-top: 0px dashed #333333;
    background-color: transparent;
    overflow: hidden;
}

#navBar * {
    color: #FFFFFF;
}

#navBar ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    /*white-space: nowrap;*/
}

#navBar li {
    display: inline;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#navBar a {
    background: transparent;
    border: none;
    margin: 0px;
    color: #333333;
    text-decoration: none;
    padding: 2px 3px 1px;
    padding /* */: /**/ 4px 5px 3px;
    padding: /**/ 4px 5px 3px;
}



/* need to slightly modify the subnav area */
#subNav-adminSetup a {
    padding-top: 3px;
}

#navBar a:link, #navBar a:visited {
    color: #333333;
    text-decoration: none;
}

#navBar a:hover {
    color: #333333;
    background-color: transparent;
    text-decoration: underline;
}

#navBar a:active {
    background-color: transparent;
    color: #333333;
}

/* Current links are used to highlght the 
current page being viewed. */
#navBar a.currentLink:link,
#navBar a.currentLink:visited {
    background-color: transparent;
    color: #333333;
    /*	text-decoration: underline;*/
}


/***************End NavBar Nav ***************/





/***************Begin Content ***************/


/* contains everything below the topBar.
Used in case we go to a vertical nav to hold the
content together */
#justaContainer {
    background-color: #FFFFFF;
    border: none;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

/* Need the 1px top padding.*/
#contentWrapper {
    background-image: url(Images/spacer.gif);
    background-position: top right;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 1px 0px 0px 0px;
    border: none;
    background-color: transparent;
    /*margin-left: 140px*/ /*comment out if you want nav bar*/
}


/* contentMain contains all the page content. */
#contentMain {
    /*margin: 5px 50px;*/
    margin: 5px 10px 5px 15px;
    border: 0px solid #000000;
    background-color: transparent;
}


/***************Begin Footer *************/

#contentFeet {
    margin: 0px;
    background-color: transparent;
    padding: 0px 10px;
    font-size: 9px;
    font-size /* */: /**/ 10px;
    font-size: /**/ 10px;
}

#feetComments {
    margin: 15px 25%;
}

#debugMmode.BAK {
    position: absolute;
    right: 5px;
    top: 10px;
    z-index: 99;
    text-align: right;
}
/* alternate model */
#debugMmode {
    position: relative;
    right: auto;
    top: auto;
    text-align: left;
}
/***************End Footer ***************/



/* 
Used when we have an alternate style that uses vertical nav;
not used in the horizontal nav.
need this container to clear out the 2 columns - sometimes
there is a bug in IE6 that makes things disappear in the left
column, the cleared container keeps things from disappearing */
#contentClear {
    clear: both;
    line-height: 1px;
}
/***************End Content***************/



/* contains the purchase details */
#invoiceWrapper {
    border: 1px solid #c0c0c0;
}

#invoiceNav {
    margin: 7px 0px;
}

    #invoiceNav img {
        display: inline;
        border: none;
    }



/* Settings needed for the js date picker calendar.
Note: the js writes in a div with the ID of calendar. */
#calendar img {
    display: inline;
    border: none;
}
/* keep the cal from having any inherited bg colors in links */
#calendar a {
    background-color: transparent;
}


/* table stuff */
caption {
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    font-size /* */: /**/ 12px;
    font-size: /**/ 12px;
}

table img,
td img,
td p img {
    border: none;
    display: inline;
}

#LogInTable,
#adminTable {
    border-collapse: collapse;
    border: none;
    background-color: transparent;
    margin: 10px auto 20px;
}

#dataTable,
#dataTable2,
#dataTable3 {
    border-collapse: collapse;
    border: none;
    width: 98%;
    background-color: transparent;
    margin: 10px 0px 10px 0px;
}

    #dataTable th a,
    #dataTable2 th a,
    #dataTable3 th a {
        color: #FFFFFF;
    }

    #dataTable td,
    #dataTable2 td,
    #dataTable3 td {
        border: none;
        padding: 3px;
        vertical-align: top;
    }
    /* Next 2 are for the totals line on the purchase summary page */
    #dataTable .borderTopTotals {
        border-top: 1px dashed #000000;
    }

    #dataTable tr#trTotals td {
        padding: 10px 0px;
    }


    #dataTable th,
    #dataTable2 th,
    #dataTable3 th,
    #adminTable th {
        font-weight: bold;
        background-color: #008080;
        color: #FFFFFF;
        padding: 4px;
        font-size: 13px;
        font-size /* */: /**/ 14px;
        font-size: /**/ 14px;
    }

    /* an alternate sub table model for when a parent
table has one row of information and the second row
contains related information - the 2nd row contains
data within this table. */
    #dataTable .dataSubTableContainer {
        text-align: right;
        padding: 0px;
    }

    #dataTable .dataSubTable {
        border-collapse: collapse;
        border: none;
        width: 80%;
        background-color: transparent;
        margin: 0px 0px 20px 0px;
    }

        #dataTable .dataSubTable th {
            font-weight: bold;
            background-color: #F5F5F5;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            color: #999999;
            font-size: 10px;
            font-size /* */: /**/ 11px;
            font-size: /**/ 11px;
        }

        #dataTable .dataSubTable td {
            border-collapse: collapse;
            vertical-align: top;
            border: none;
        }

    /* second table set*/
    #dataTable2 .dataSubTableContainer2 {
        text-align: right;
        padding: 0px;
    }

    #dataTable2 .dataSubTable2 {
        border-collapse: collapse;
        border: none;
        width: 80%;
        background-color: transparent;
        margin: 0px 0px 20px 0px;
    }

        #dataTable2 .dataSubTable2 th {
            font-weight: bold;
            background-color: #F5F5F5;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            color: #999999;
            font-size: 10px;
            font-size /* */: /**/ 11px;
            font-size: /**/ 11px;
        }

        #dataTable2 .dataSubTable2 td {
            border-collapse: collapse;
            vertical-align: top;
            border: none;
        }


    /* third table set*/
    #dataTable3 .dataSubTableContainer3 {
        text-align: right;
        padding: 0px;
    }

    #dataTable3 .dataSubTable3 {
        border-collapse: collapse;
        border: none;
        width: 80%;
        background-color: transparent;
        margin: 0px 0px 20px 0px;
    }

        #dataTable3 .dataSubTable3 th {
            font-weight: bold;
            background-color: #F5F5F5;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            color: #999999;
            font-size: 10px;
            font-size /* */: /**/ 11px;
            font-size: /**/ 11px;
        }

        #dataTable3 .dataSubTable3 td {
            border-collapse: collapse;
            vertical-align: top;
            border: none;
        }




#adminTable td {
    border: none;
    padding: 3px;
    vertical-align: top;
}

#logInTable {
    width: 350px;
    margin-left: auto;
    margin-right: auto;
}

#logInTable {
    margin-top: 30px;
}

    #logInTable td {
        border-collapse: collapse;
        vertical-align: baseline;
        padding: 5px 5px 0px 0px;
    }

    #logInTable col.colOne {
        text-align: right;
        width: 10%;
    }


/* the current filter table on the purchase page */
#currentFilterTable {
    border-collapse: collapse;
    border: none;
    width: auto;
    background-color: transparent;
    margin: 10px 0px;
}

    #currentFilterTable caption {
        color: #666666;
    }

    #currentFilterTable th {
        font-weight: bold;
        background-color: #F5F5F5;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #999999;
        padding: 2px 4px 1px 4px;
        border: 1px solid #999999;
        text-align: center;
        font-size: 10px;
        font-size /* */: /**/ 11px;
        font-size: /**/ 11px;
    }

    #currentFilterTable td {
        border-collapse: collapse;
        vertical-align: top;
        border: none;
        padding: 4px;
        text-align: center;
    }

/* the count down timer */
#countDown {
    text-align: right;
}

    #countDown form {
        display: inline;
    }

.counter {
    background-color: transparent;
    border: none;
    text-align: right;
    font-size: 9px;
    font-size /* */: /**/ 10px;
    font-size: /**/ 10px;
}

.trOver {
    background-color: #F1F1F1;
}

.trOverMain {
    background-color: #FFFF99;
}

.trOverMain2 {
    background-color: #F1F1F1;
}

/* just highlites the required indicator for forms */
.required {
    color: #FF0000;
}


/* A bunch of miscellaneous classes */
.noBlock {
    display: inline;
}

.textAlignRight {
    text-align: right;
}

.textAlignLeft {
    text-align: left;
}

.textAlignCenter {
    text-align: center;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

.floatClearBoth {
    clear: both;
}

/*centers block level elements*/
.marginAuto {
    margin-left: auto;
    margin-right: auto;
}

img.marginAuto {
    text-align: center;
}

.attention {
    font-weight: bold;
    color: #FF0000;
    background-color: transparent;
    text-align: center;
}

.smallText {
    font-size: 9px;
    font-size /* */: /**/ 10px;
    font-size: /**/ 10px;
}

.highlight {
    background-color: #F1F1F1;
    margin-left: 15%;
    margin-right: 15%;
    padding: 0px 10px;
    border: 1px dashed #000000;
}

/* used for the top of page link */
.climbTop {
    text-align: right;
}

/* our FAQ img link */
img.e3-FAQ {
    display: inline;
}
/* for areas with just text - we make it readable. */
.e3-content {
    width: 450px;
    margin-left: auto;
    margin-right: auto;
    border: 0px solid #000000;
    position: left;
    text-align: left;
}
/* for areas with just text - we make it readable. */
.e3-contentLeft {
    /*width: 450px;*/
    margin-left: auto;
    margin-right: auto;
    border: 0px solid #000000;
    position: left;
    text-align: left;
}
/********** Misc stuff not used yet */


/* used for form elements*/
form {
    margin: 0px;
}

select.select-type1 {
    background-color: #F1F1F1;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
    font-size /* */: /**/ 11px;
    font-size: /**/ 11px;
    width: 150px;
}

.formField {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #232323;
    background-color: #FCFCFC;
    padding: 3px 4px 3px 3px;
    border-width: 1px;
    border-style: solid;
    border-top-color: #AEAEAE;
    border-right-color: #E1E1E1;
    border-bottom-color: #E1E1E1;
    border-left-color: #AEAEAE;
}

textarea.formField {
    padding: 5px;
}

.button {
    background-color: #FCFCFC;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    border: 1px solid #999999;
    font-size: 10px;
    font-size /* */: /**/ 11px;
    font-size: /**/ 11px;
    height: 19px;
}

.button {
    background: url(images/black_bg.gif) repeat-x 0px 0px !important;
    height: 24px;
    text-align: center;
    font-size: 11px !important;
    color: #FFFFFF !important;
    border-right: solid 0px #a8b3b1 !important;
    cursor: pointer;
    border-radius: 3px;
    padding: 0px 5px;
    border: 1px solid #000;
    margin: 4px 0 0 0;
}

.buttonClip {
    background: url(images/green_bg.gif) repeat-x !important;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    border: 1px solid #999999;
    font-size: 10px;
    font-weight: bold;
    font-size /* */: /**/ 11px;
    font-size: /**/ 11px;
    float: left;
    margin-top: 5px;
    border: 1px solid #598500;
    padding: 3px 5px;
}

    .buttonClip:hover {
        background: url(images/green_bg_re.gif) repeat-x;
    }

.buttonOver {
    background-color: #F5F5F5;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #999999;
    font-size: 10px;
    font-size /* */: /**/ 11px;
    font-size: /**/ 11px;
}

.BigButton {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    border: 1px solid #999999;
    font-weight: bolder;
    font-size: 10px;
    font-size /* */: /**/ 11px;
    font-size: /**/ 11px;
    background-color: Black;
    width: 120px;
}

.BigButtonOver {
    background-color: #F5F5F5;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #999999;
    font-size: 10px;
    font-size /* */: /**/ 11px;
    font-size: /**/ 11px;
}

.BoldButton {
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    padding: 0px 8px;
    border: 0px none;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
    background: url(images/submitorder.png) no-repeat left top;
    width: 170px;
    margin-top: 10px;
    height: 41px;
    line-height: 41px;
}

    .BoldButton:hover {
        background: url(images/submitorder.png) no-repeat left bottom;
    }

/*end of forms*/

/* give the purchase number search box a special style */
#topBar #invNumStart.formField {
    padding: 0px;
    color: #000000;
    background-color: #F1F1F1;
}

a img {
    display: inline;
}
/* make sure the images with links don't display a bg color */
a:hover img {
    background-color: #FFFFFF;
}

/* added  for Login */

/***************Begin Login***************/

.lightRow {
    BACKGROUND-COLOR: #A3D1D1
}

.darkRow {
    BACKGROUND-COLOR: #2E5A5A
}

.titleRow {
    BACKGROUND-COLOR: #008080
}

.loginRow {
    border: black solid 1px;
    BACKGROUND-COLOR: DodgerBlue
}

.boldText {
    FONT-WEIGHT: bold
}
/***************End Login***************/

/* added  for menus */

/***************Begin Menus***************/

.TD_SUBJECT_LEFT_SIDE {
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    background-color: "#EFEFEF";
}

.TD_TOPMENU {
    background-image: url('Images/top_menu.gif');
}

.TD_TOPMENU {
    font-family: verdana;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
}

    .TD_TOPMENU A:link {
        font-weight: bold;
        font-family: verdana;
        font-size: 10px;
        color: #000000;
        text-decoration: none
    }

    .TD_TOPMENU A:visited {
        font-weight: bold;
        font-family: verdana;
        font-size: 10px;
        color: #000000;
        text-decoration: none
    }

    .TD_TOPMENU A:active {
        font-weight: bold;
        font-family: verdana;
        font-size: 10px;
        color: #000000;
        text-decoration: none
    }

    .TD_TOPMENU A:hover {
        font-weight: bold;
        font-family: verdana;
        font-size: 10px;
        color: #000000;
        text-decoration: none
    }

.TD_SUBMENU {
    background-image: url('Images/_bgsub.gif');
}

.TD_SUBMENU {
    font-family: verdana;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
}

    .TD_SUBMENU A:link {
        font-weight: normal;
        font-family: verdana;
        font-size: 11px;
        color: #000000;
        text-decoration: none
    }

    .TD_SUBMENU A:visited {
        font-weight: normal;
        font-family: verdana;
        font-size: 11px;
        color: #000000;
        text-decoration: none
    }

    .TD_SUBMENU A:active {
        font-weight: normal;
        font-family: verdana;
        font-size: 11px;
        color: #000000;
        text-decoration: none
    }

    .TD_SUBMENU A:hover {
        font-weight: normal;
        font-family: verdana;
        font-size: 11px;
        color: #000000;
        text-decoration: none
    }

.TD_GENMENU {
    background-image: url('Images/bg_blue.gif');
    padding: 2px;
}

.TD_GENMENU2 {
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #6699CC;
    valign: baseline;
}


.BTN {
    border-style: solid;
    border-width: 1;
    background-image: url('Images/btn_bg.gif');
    cursor: hand;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana
}

.FORM {
    border-style: solid;
    border-width: 1;
    font: 10px Verdana;
}

.PAGE_NAV {
    font-family: Georgia;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #FFFFFF;
}

    .PAGE_NAV A:link {
        font-weight: normal;
        font-family: Georgia;
        font-size: 11px;
        color: #000000;
        text-decoration: underline
    }

    .PAGE_NAV A:visited {
        font-weight: normal;
        font-family: Georgia;
        font-size: 11px;
        font-weight: bold;
        color: #000000;
        text-decoration: none
    }

    .PAGE_NAV A:active {
        font-weight: normal;
        font-family: Georgia;
        font-size: 11px;
        font-weight: bold;
        color: #000000;
        text-decoration: none
    }

    .PAGE_NAV A:hover {
        font-weight: normal;
        font-family: Georgia;
        font-size: 11px;
        font-weight: bold;
        color: #000000;
        text-decoration: underline
    }

.fMouseOver {
    background-color: #F2F2F2;
}

.fMouseOut {
    background-color: #FFFFFF;
}

.fCha {
    font-family: Tahoma;
    height: 25;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    background-color: #F2F2F2;
    padding: 1px;
}

.fCha2 {
    font-family: Tahoma;
    color: #999999;
    font-size: 11px;
    font-weight: bold;
    background-image: url(Images//bg_kav.gif);
}

.fCha3 {
    font-family: Tahoma;
    height: 25;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
}

.Xinfo {
    font-family: Tahoma;
    color: #888888;
    font-size: 11px;
    font-style: normal;
}


.MenuBtnOff {
    background-image: url(Images/top_menu.gif);
    background-color: #CCCCCC;
    border-top: 1px solid #F3F3EE;
    border-right: 1px solid #F3F3EE;
    border-left: 1px solid #F3F3EE;
    border-bottom: 1px solid #F3F3EE;
    font-size: 11px;
    text-align: center;
    color: #222222;
    font-family: Tahoma;
    width: 22px;
    height: 22px;
}

.MenuBtnOn {
    background-color: #FFFFFF;
    border-top: 1px solid #666666;
    border-right: 1px solid #EEEEEE;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #EEEEEE;
    font-size: 11px;
    cursor: pointer;
    text-align: center;
    width: 22px;
    height: 22px;
}

.GenBtnOff {
    background-image: url(Images//bg_blue.gif);
    border-top: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    font-size: 11px;
    color: #222222;
    font-family: Tahoma;
    padding: 2;
}

.GenBtnOn {
    background-color: #FFFFFF;
    border-top: 1px solid #666666;
    border-right: 1px solid #EEEEEE;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #EEEEEE;
    font-size: 11px;
    font-family: Tahoma;
    cursor: pointer;
    padding: 2;
}


.JFS_GenLink A:link {
    font-weight: normal;
    font-family: verdana;
    font-size: 11px;
    color: #000000;
    text-decoration: none
}

.JFS_GenLink A:visited {
    font-weight: normal;
    font-family: verdana;
    font-size: 11px;
    color: #000000;
    text-decoration: none
}

.JFS_GenLink A:active {
    font-weight: normal;
    font-family: verdana;
    font-size: 11px;
    color: #000000;
    text-decoration: none
}

.JFS_GenLink A:hover {
    font-weight: normal;
    font-family: verdana;
    font-size: 11px;
    color: #000000;
    text-decoration: none
}

.JFSTD_Gen2 {
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #999999;
    valign: baseline;
}

.Gen2BtnOff {
    background-image: url(Images//bg_kav.gif);
    border-top: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    padding: 4;
}

.Gen2BtnOn {
    background-color: #FFFFFF;
    border-top: 1px solid #666666;
    border-right: 1px solid #EEEEEE;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #EEEEEE;
    cursor: pointer;
    padding: 2;
}


.JFSTD_Gen3 {
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #999999;
    valign: baseline;
}

.Gen3BtnOff {
    background-color: #C8C8C8;
    border-top: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    padding: 2;
}

.Gen3BtnOn {
    background-color: #FFFFFF;
    border-top: 1px solid #666666;
    border-right: 1px solid #EEEEEE;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #EEEEEE;
    cursor: pointer;
    padding: 2;
}

/***************End Menus***************/
/***************By Sunil***************/
.bodyText {
}

#tbl_Look_Up, #tbl_ordersearch {
    border-bottom: solid 1px #cccccc;
    border-color: #CCCCCC;
}

#tbl_Address, #ctl00_ContentPlaceHolder1_Upd_Panel_AddItems table, #ctl00_ContentPlaceHolder1_UpdatePane_Pricetotal table {
    border-color: #CCCCCC;
}

#tbl_Look_Up td, #tbl_ordersearch td {
    padding: 3px 5px;
}

#ctl00_ContentPlaceHolder1_btn_SendMail {
    border: solid 0px none !important;
}

.bubbleInfo input.greenTd {
    border: 0px none !important;
    float: left;
    border-right: solid 1px #ccc;
    cursor: pointer;
}

.bubbleInfo {
    float: right;
    margin-top: -23px;
    width: 695px;
}

.inner_table {
    background-color: #e3e3e3;
    width: 100%;
}

    .inner_table td {
        padding: 0px;
    }

        .inner_table td td {
            padding: 2px;
        }

.inner_table_BackTop {
    font-family: Arial,Verdana;
    font-size: 12px;
    color: Black;
    margin: 0px;
    padding: 0px;
    background-color: #ccc;
    font-weight: bold;
}


.textbox {
    border: 1px solid #C0C4C7;
    padding-left: 2px;
    background-image: url(images/bckgInput.gif);
    background-repeat: repeat-x;
    font: 11px Tahoma, Arial;
    color: #3f3f3f;
    min-height: 22px;
    background-color: #ffffff;
    width: 180px;
    margin: 2px 0 0 0;
}

.textbox_Yellow {
    border: 1px solid #C0C4C7;
    padding-left: 2px;
    background-color: #FFFFFF;
    font: 11px Tahoma, Arial;
    color: #3f3f3f;
    min-height: 22px;
    width: 180px;
}

.textbox_Yellow_Long {
    border: 1px solid #C0C4C7;
    padding-left: 2px;
    background-color: #FFFF91;
    font: 11px Tahoma, Arial;
    color: #3f3f3f;
    min-height: 22px;
    width: 300px;
}

.textboxsmall {
    border: 1px solid #C0C4C7;
    padding-left: 2px;
    background-image: url(images/bckgInput.gif);
    background-repeat: repeat-x;
    font: 11px Tahoma, Arial;
    color: #3f3f3f;
    min-height: 13px;
    background-color: #ffffff;
    width: 50px;
}

.textboxMedium {
    border: 1px solid #C0C4C7;
    padding-left: 2px;
    background-image: url(images/bckgInput.gif);
    background-repeat: repeat-x;
    font: 11px Tahoma, Arial;
    color: #3f3f3f;
    min-height: 13px;
    background-color: #ffffff;
    width: 85px;
    margin: 5px 0;
    float: left;
    clear: both;
    height: 18px;
}

.ddMedium {
    border: 1px solid #C0C4C7;
    background-image: url(images/bckgInput.gif);
    background-repeat: repeat-x;
    font: 11px Tahoma, Arial;
    color: #3f3f3f;
    min-height: 13px;
    background-color: #ffffff;
    width: 134px;
    padding: 3px 2px 3px 2px;
}

.textboxLong {
    border: 1px solid #C0C4C7;
    padding-left: 2px;
    background-image: url(images/bckgInput.gif);
    background-repeat: repeat-x;
    font: 11px Tahoma, Arial;
    color: #3f3f3f;
    min-height: 22px;
    background-color: #ffffff;
    width: 300px;
}

.dropdown {
    border: 1px solid #C0C4C7;
    padding-left: 2px;
    background-image: url(images/bckgInput.gif);
    background-repeat: repeat-x;
    font: 11px Tahoma, Arial;
    color: #3f3f3f;
    min-height: 13px;
    background-color: #ffffff;
    width: 90px;
}

.dropdownLarge {
    border: 1px solid #C0C4C7;
    padding-left: 2px;
    background-image: url(images/bckgInput.gif);
    background-repeat: repeat-x;
    font: 11px Tahoma, Arial;
    color: #3f3f3f;
    min-height: 13px;
    background-color: #ffffff;
    width: 134px;
}

.textarea {
    border: 1px solid #C0C4C7;
    padding-left: 2px;
    background-image: url(images/bckgInput.gif);
    background-repeat: repeat-x;
    font: 11px Tahoma, Arial;
    color: #3f3f3f;
    min-height: 100px;
    background-color: #ffffff;
    width: 200px;
}

.textareaBig {
    border: 1px solid #C0C4C7;
    padding-left: 2px;
    background-image: url(images/bckgInput.gif);
    background-repeat: repeat-x;
    font: 11px Tahoma, Arial;
    color: #3f3f3f;
    min-height: 300px;
    background-color: #ffffff;
    width: 660px;
}
/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus {
    background-color: #ffffcc;
    color: #000000;
}

.MaskedEditMessage {
    color: #ff0000;
    font-weight: bold;
}

.MaskedEditError {
    background-color: #ffcccc;
}

.MaskedEditFocusNegative {
    background-color: #ffffcc;
    color: #000000;
}

.MaskedEditBlurNegative {
    color: #ff0000;
}

.validatorCalloutHighlight {
    background-color: lemonchiffon;
}

/*CollapsiblePanel*/
.collapsePanel {
    background-color: white;
    overflow: hidden;
}

.collapsePanelHeader {
    width: 100%;
    height: 30px;
    background-image: url(images/bg-menu-main.png);
    background-repeat: repeat-x;
    color: #FFF;
    font-weight: bold;
}

.break {
    page-break-after: always
}
/* Content Page Layout */
.demoarea {
    padding: 20px;
    background: #FFF url(images/demotop.png) no-repeat left top;
}

    .demoarea p {
        padding: 5px;
    }

.demoheading {
    padding-bottom: 20px;
    color: #5377A9;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 1.5em;
}

.demobottom {
    height: 8px;
    background: #FFF url(images/demobottom.png) no-repeat left bottom;
}
/*CollapsiblePanel*/
.collapsePanel {
    background-color: white;
    overflow: hidden;
}

.collapsePanelHeader {
    width: 100%;
    height: 30px;
    background-image: url(images/bg-menu-main.png);
    background-repeat: repeat-x;
    color: #FFF;
    font-weight: bold;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}


.toolbar {
    font-size: 12px;
    font-family: Verdana;
    padding: 4px;
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#CECECE);
}
/*AutoComplete flyout */

.autocomplete_completionListElement {
    visibility: hidden;
    margin: 0px !important;
    background-color: inherit;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: auto;
    height: 200px;
    text-align: left;
    list-style-type: none;
    background-color: #ffffff;
    z-index: 111111;
    padding: 2px;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem {
    background-color: #ffff99;
    color: black;
    padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem {
    background-color: window;
    color: windowtext;
    padding: 1px;
}


.gridview_header {
    background-image: url(images/navigation.gif);
    background-position: top right;
    background-repeat: repeat;
    margin: 0px;
    padding: 1px 0px 0px 0px;
    border: none;
    background-color: transparent;
    /*margin-left: 140px*/ /*comment out if you want nav bar*/
}

.BillLadin_Back {
    background-color: transparent;
    background-image: url(Images/lading.JPG);
    background-position: left;
    background-repeat: no-repeat;
    width: 800px;
    height: 990px;
    border: none;
    position: relative;
    float: left;
}

/*--------------- For new Menu By Sunil SIngh on 03/05/2010---- */

.topnav {
    width: 990px;
    height: 33px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background: url(../images/topnavbg.gif) repeat-x left top;
}

    .topnav ul {
        margin-left: 0px;
        float: left;
        position: relative;
        padding-left: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .topnav li {
        list-style-type: none;
        position: relative;
        float: left;
        border-right: 1px solid #CCCCCC;
        height: 33px;
        text-align: center;
        width: 122px;
    }

        .topnav li h1 {
            margin: 0;
            padding: 0;
        }

            .topnav li h1 a {
                background-color: #FFFFFF;
                display: block;
                color: #000000;
            }

                .topnav li h1 a:hover {
                    background-color: #E9E9E9;
                    display: block;
                    color: #000000;
                }



    .topnav img {
        border: 0px none;
        vertical-align: middle;
        padding-left: 2px;
    }

.ddmx {
    font: 12px Verdana;
}

    .ddmx .item1 {
        padding: 3px 15px 3px 15px;
        background: url(../images/topnavbg.gif) repeat-x left top;
        font: 12px Verdana;
        color: #666666;
        font-weight: bold;
        text-decoration: none;
        display: block;
        white-space: nowrap;
        position: relative;
        padding-top: 9px;
        height: 21px;
    }

        .ddmx .item1:hover,
        .ddmx .item1-active,
        .ddmx .item1-active:hover {
            padding: 3px 10px 3px 10px;
            background-color: #E9E9E9;
            display: block;
            padding-top: 9px;
            font-weight: bold;
            height: 21px;
            font-size: 12px;
            color: #F05F07;
        }


    .ddmx h2 {
        padding: 0px;
        margin: 0px;
    }

    .ddmx .item2,
    .ddmx .item2:hover,
    .ddmx .item2-active,
    .ddmx .item2-active:hover {
        padding: 5px 8px 0px 8px;
        font: 11px Verdana;
        height: 20px;
        color: #000000;
        font-weight: normal;
        text-decoration: none;
        display: block;
        white-space: nowrap;
        position: relative;
        z-index: 500;
        width: 220px;
    }

    .ddmx .item2 {
        background: #E9E9E9;
        border-bottom: 1px solid #CCCCCC;
    }

        .ddmx .item2:hover,
        .ddmx .item2-active,
        .ddmx .item2-active:hover {
            background: #D9D9D9;
            border-bottom: 1px solid #CCCCCC;
        }

    .ddmx .arrow,
    .ddmx .arrow:hover {
        padding: 3px 16px 4px 8px;
    }

    .ddmx .item2 img,
    .ddmx .item2-active img {
        position: absolute;
        top: 4px;
        right: 1px;
        border: 0;
    }

    .ddmx .section {
        border: 1px solid #CCCCCC;
        position: absolute;
        visibility: hidden;
        z-index: 1000;
    }

.section-sub h3 {
    padding: 0px;
    margin: 0px;
}

.ddmx .section-sub {
    border: 1px solid #CCCCCC;
    position: absolute;
    visibility: hidden;
    z-index: 1000;
    margin-top: -1px;
    margin-left: -3px;
}


* html .ddmx td {
    position: relative;
}
/* ie 5.0 fix */



.header-menu {
    width: 100%;
    height: auto;
    text-align: left;
    position: relative;
}

.menu {
    width: 100%;
    height: 37px;
    float: left;
    margin: 0px;
    padding: 0px;
    background: none repeat scroll 0 0 transparent;
    list-style: none;
}

    .menu li {
        width: auto;
        float: left; /*background:url(Images/devider.jpg) no-repeat right top;*/
        margin-left: 5px;
        margin-right: 7px;
        position: relative;
    }

        .menu li a {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
            padding: 11px 15px 11px 0px;
            float: left;
            color: #000;
            text-decoration: none;
            font-weight: bold;
        }

    .menu ul {
        list-style: none;
        position: absolute;
        width: 210px;
        padding: 0px;
        margin: 0px;
        top: 30px;
        left: 0px;
    }

        .menu ul li {
            width: 200px;
            float: left;
            background: #454545;
            margin-bottom: 1px;
        }

            .menu ul li a {
                width: 190px;
                background: none;
                padding-top: 8px;
                padding-bottom: 8px;
                padding-left: 10px;
            }


.buttonAdd {
    background: url(Images/add_btn.gif) no-repeat;
    width: 60px;
    height: 20px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    border: none;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 0 0px;
    padding: 0;
}

.buttoncancel {
    background: url(Images/cancel_btn.gif) no-repeat;
    width: 46px;
    height: 20px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    border: none;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 0 5px;
    padding: 0;
}

.buttonAddsmall {
    background: url(Images/Adds.gif) no-repeat;
    width: 18px;
    height: 20px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    border: none;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 0 0px;
    padding: 0;
}

.buttonviewsmall {
    background: url(Images/view.gif) no-repeat;
    width: 18px;
    height: 20px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    border: none;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 0 0px;
    padding: 0;
}

#nav ul li li a, #nav1 ul li li a {
    background: none !important;
}


#nav, #nav1 {
    float: left !important;
    width: 100% !important;
}

    #nav img, #nav1 img {
        display: none !important;
    }

        #nav img.logoutIMG, #nav1 img.logoutIMG {
            display: block !important;
            margin-bottom: 5px;
        }

#Panel_CustomerList {
    margin: 5px 0 0 0;
    padding: 0;
}

.ajax__tab_xp .ajax__tab_body {
    background: #e3e3e3 !important;
}


    .ajax__tab_xp .ajax__tab_body table {
    }
/*---------OLD  CSS ENDS HERE----------*/	
/*---------DASHBOARD CSS----------*/
* {
    box-sizing: border-box;
}

.columns {
    float: left;
    width: 33.3%;
    padding: 8px;
}

.StickyContent {
    height: 410px;
    overflow: auto;
}

.price {
    list-style-type: none;
    border: 1px solid #eee;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    .price:hover {
        box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
    }

    .price .header {
        background-color: #111;
        color: white;
        font-size: 25px;
    }

    .price li {
        border-bottom: 1px solid #eee;
        padding: 20px;
        text-align: center;
    }

    .price .grey {
        background-color: #eee;
        font-size: 20px;
    }

.buttonHome {
    background-color: #4CAF50 !important;
    border: none;
    color: white !important;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none !important;
    font-size: 18px !important;
}

@media only screen and (max-width: 600px) {
    .columns {
        width: 100%;
    }
}

#rcorners1 {
    border-radius: 25px;
    background: #73AD21;
    padding: 20px;
    width: 200px;
    height: 150px;
}
/*---------DASHBOARD CSS ENDS HERE----------*/