body 
{
	 font-family: Verdana, Arial;
	 font-size:small;
	 margin: 0px 0px 0px 0px; 
     min-height:1500px;
background: rgba(245,245,245,1);
background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0 ); 

}

.Compact-Table {
    font-size: 11px !important;
}

.Compact-Table > a {
    font-size: 11px !important;
}

.SideNaviItem
{
	background-image:url('/images/page_separator_short.png');
	background-repeat:repeat-x; 
	background-position:bottom;
	text-align:center; 
	border-bottom: dotted 1px #999;
	height:80px;
}

div.SideNaviItem img
{
	border-style:none;
	margin: 8px 0px 3px 0px;
}

.TopNaviTable
{
	width:100%; 
	height:70px; 
	border-bottom: solid 1px #999999;
    border-spacing: 0px; 
    table-layout:fixed;
}

.TopNaviLink
{
    border-style:none; 
    margin-bottom:3px;
}

.TopNaviTable td
{
	background-image:url('../images/page_separator_short.png'); 
	background-repeat:repeat-x; 
	background-position:top; 
    background-size:contain; 
    vertical-align:bottom;
    padding:4px;
	text-align: center; 
    border-left:1px solid #eee; 
    white-space:nowrap; 
    overflow:hidden;
}

.TopNaviTable .TpNvCnt {
    margin-left: auto;
    margin-right: auto;
    width: 130px;
    padding: 3px;
}

.ModalDialog {
    background-color: #FFFFFF;
    vertical-align: top;
}

.ModalDialog
{
	background-color:#FFFFFF;
	vertical-align:top;
	border: solid 1px #555;
}

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

.Maintable
{
	vertical-align:top;
	padding-top: 10px;     
	margin-left:auto;
	margin-right:auto; 
    border-spacing:10px; 
    width:90%; 
}

.MainTableFixedWidth
{
    width:1100px !important;
}

.Mainarea
{
	padding: 0px 0px 0px 0px;
	border: solid 1px #999;
	background-color:#FFF;
	vertical-align:top;
    -webkit-box-shadow: 0px 10px 33px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 33px -10px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 33px -10px rgba(0,0,0,0.75);
}



.Navigation
{
	width:150px;
	background-color:#FFFFFF; 
	border: solid 1px #666666;
	padding: 0px 0px 0px 0px;
	vertical-align:top;
}

.HelpInfo
{
	width:250px;
	/*border: solid 1px #666666;*/
	vertical-align:top;
	padding: 0px 0px 0px 0px;
}

.Footer
{
	background-color:#777777;
	padding: 5px 5px 5px 5px;
	text-indent:8px;
	color:#FFF;
	font-weight:bold; 
	width:100%;
	border: solid 1px #666666;
	text-align:right;    
}

.arrowlist
{
	list-style-image:url('../images/listitemprefix.gif');
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 0px 0px;
}

li#arrowlist
{
	list-style-image:url('../images/listitemprefix.gif');
}

.ContentHeader
{
	background-color:#777777; 
	background-image:url('../images/iphone_bar.png'); background-position:top;
	padding: 5px 0px 5px 0px;	
	text-indent:8px;
	color:#FFF;
	font-weight:bold; 
	width:100%;
}

.ContentSubHeader
{
	background-image:url('../images/ContentSubHeader.png'); 
	background-position:top;
	padding: 5px 0px 5px 0px;	
	text-indent:5px;
	color:#555;
	font-weight:bold; 
	font-size: 11px;
	width:100%;
}



.ContentFooter
{
	background-image:url('../images/ContentFooter.png'); 
	background-position:top;
	padding: 5px 10px 5px 10px;	
	text-indent:3px;
	color:#555;
    width:90%;
	font-size: 11px;
	height:54px;
	border-left: solid 1px #BBBBBB;
	border-right: solid 1px #BBBBBB;
	border-bottom: solid 1px #333333; 
	text-align:center;    
}

.ContentFooterMain 
{
    width:90%; 
    margin: 15px auto 30px auto;
    border-right:solid 1px #888;
    border-left:solid 1px #888;
    -webkit-box-shadow: 0px 10px 33px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 33px -10px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 33px -10px rgba(0,0,0,0.75);
}

.DataTable
{
	border-left: solid 1px #BBBBBB;
	border-right: solid 1px #BBBBBB;
	width:100%;     
    border:1px solid #888;
}

.DataTable2 {
    border-left: solid 1px #BBBBBB;
    border-right: solid 1px #BBBBBB;
    width: 99%;
    border: 1px solid #888;
    margin:5px;
}

    .DataTable2 .dr td {
        background-color: #ddd;
        vertical-align: top;
        padding: 4px;
        white-space: nowrap;
        font-weight: normal !important;
    }

.DataTable2 .edr td {
        background-color: #bbb;
        vertical-align: top;
        padding: 4px;
        text-wrap: none;
        font-weight: normal !important;
    }

.DataTable2 td>div {        
        padding: 4px;
    }

.DataTable2 .th {
    background-image: url('../images/ContentSubHeader.png');
    background-position: top;
    padding: 5px 0px 5px 0px;
    text-indent: 3px;
    color: #555;
    font-size: 10px;
    width: 100%;
}

.Content
{
	padding: 5px 5px 5px 5px;
}

.ContentTitle
{
	color:#889399;
	font-family:Georgia, "Times New Roman",Times, Serif;	
}

.SmallTitle
{
	font-size: 10px;
	color:#4b5ba2;
	font-weight:bold;
}

.SmallText
{
	font-size: 12px;
	color:#690;
}

.input 
{
	text-indent:3px;
	margin:3px 3px 3px 3px;
	vertical-align:bottom;
	background: #ffffff;
	font-family:Tahoma, Verdana, Arial;
	color: #888888;
	font-size:medium;
	border : 1px solid #888888; 
}

.EMailInput 
{
	text-indent:3px;
	margin:3px 3px 3px 3px;
	vertical-align:middle;
	background: #ffffff;
	font-family:Tahoma, Verdana, Arial;
	color: #555;
	font-size: 10pt;
	BORDER-LEFT-COLOR: #FFF;
	BORDER-BOTTOM-COLOR: #FFF;
	BORDER-TOP-COLOR: #FFF;
	border : 1px solid #888; 
}

.DataLabel
{	
	text-align: right;
	font-size: 14px;
	color:#4b5ba2;
	font-weight:bold;
	vertical-align:top;
}

.DataLabelDiv 
{
    text-align: right;
	font-size: 14px;
	color:#4b5ba2;
	font-weight:bold;
	vertical-align:top;
    width:100px; 
    float:left;
    padding-right:5px;
}

.DataFieldDiv 
{
    float:left;
    margin-bottom:10px;
    width:80%;
}

h1
{
	font-weight:bold;
	font-family:sans-serif;
	font-weight:bold;
   	color:#4B5BA2;
}

h2
{
	font-size: 18px;
	font-weight:bold;
	font-family:sans-serif;
	font-weight:bold;
   	color:#4B5BA2;
}

h3
{
	font-size: 16px;
	font-weight:bold;
	font-family:sans-serif;
	font-weight:bold;
	color:#F07D38;
}

hr
{
	border-right-style:none;
	border-left-style:none;
	border-bottom-style:solid;
	border-bottom-color:transparent;	
	border-top-style:dotted;
	border-top-width:1px;
	border-top-color:#BBB;
}

a:link
{
	text-decoration: none;
	font-size: 13px;
	color:#555;
}
a:visited
{
	text-decoration: none;
	font-size: 12px;
	color:#555;
}
a:active
{
	text-decoration: none;
	font-size: 13px;
	color:#555;
}
a:hover
{ 
	color:#555; 
	text-decoration: underline;
}

.ContentHeader a:link{color:#FFFFFF;text-decoration: none;}
.ContentHeader a:visited{color:#FFFFFF;text-decoration: none;}
.ContentHeader a:active{ color:#FFFFFF;text-decoration: none;}
.ContentHeader a:hover{ color:#FFFFFF; text-decoration: underline;}

.NavigationTop a:link{color:#FFFFFF;text-decoration: none;}
.NavigationTop a:visited{color:#FFFFFF;text-decoration: none;}
.NavigationTop a:active{ color:#FFFFFF;text-decoration: none;}
.NavigationTop a:hover{ color:#FFFFFF; text-decoration: underline;}

#DesignHeader
{
	width:100%;
	color:#fff;
    /*
	background-image:url('../images/dasToolBG_short.png'); 
	background-repeat:repeat-x; 
    */
	height: 80px; 
	vertical-align:top; 
	white-space:nowrap;
    -webkit-box-shadow: 0px 10px 28px 0px rgba(0,0,0,0.53);
    -moz-box-shadow: 0px 10px 28px 0px rgba(0,0,0,0.53);
    box-shadow: 0px 10px 28px 0px rgba(0,0,0,0.53);

    background: rgba(76,76,76,1);
    background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(68,68,68,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(68,68,68,1)));
    background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(68,68,68,1) 100%);
    background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(68,68,68,1) 100%);
    background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(68,68,68,1) 100%);
    background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(68,68,68,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#444444', GradientType=0 );
}

#DesignHeader td 
{        
	padding:0px 10px 5px 10px;
}

.NavigationTop
{
	color:#FFFFFF;
	vertical-align:bottom;
	width:100px;
	text-align:center;
	padding-bottom:25px;
}

.ColSeperator
{
	background-image:url(../images/gfx_vrow1.gif);
	background-repeat:repeat-y;
}

.Tab
{
	background-image:url('../images/tab_grey_3.png'); 
	background-position:bottom; 
	background-repeat:no-repeat; 
	width:100px;
	text-align:center; 
	height:30px;
}

.ButtonRow
{
	text-align:center;
	vertical-align:top; 
	background-image:url('images/page_separator_short.png'); 
	background-repeat:repeat-x; 
	background-position:bottom;
}

.ButtonCell
{
	
}

.LoginArea
{
	margin-left:auto;
	margin-right:auto; 
	background:#FFF; 
	margin-top:100px; 
	border: solid 1px #666666;
}

.loginTxtBox
{
    font-size:small;
    padding:5px 0px 5px 0px;
    width:100%;
}

.loginTxtLabel 
{
    font-size:small;
    padding:5px 0px 5px 0px;
    width:100%;
}

.content_filter_zip 
{
    padding:10px;
}

.content_createbillform
{
    padding:10px;
    background-color:#ccc;
}

.content_createbillform table 
{
    margin-top: 10px;
    border: 1px solid #999; 
    background-color:#fff;
}

.content_createbillform table tr td
{    
    padding:5px;
}

.pnotify_success .ui-widget-content {
    background: rgba(44, 209, 0, 0.90) !important;
}

.pnotify_error  .ui-widget-content {
    background: rgba(255, 0, 0, 0.90) !important;
}

.pnotify_warning  .ui-widget-content {
    background: rgba(255, 181, 0, 0.90) !important;
}

.dataTables_length {
    float: left;
    padding: 10px;
}

.dataTables_filter {
    float: right;
    padding: 10px;
}

.dataTables_filter > label > input
{
    margin-left:5px;
}

.layout-input-table {
    width: 100%;
    border-spacing: 10px;
    border-collapse: separate;
}

    .layout-input-table td {
        padding:0px 15px 0px 0px !important;        
    }

    .layout-input-table tr {        
        border-bottom: 1px solid #ddd !important;
    }

    .layout-input-table .DataInput .input {
        margin: 0px !important;
    }

    .layout-input-table .DataInput input {
        width: 85% !important;
    }

    .layout-input-table .DataInput select {
        width: 85% !important;
    }

    .layout-input-table .DataLabel
    {
        width: 30%;
        padding-top:5px;
    }

.layout-input-table-footer {
    text-align: center;
}

.btn-subnav
{
    vertical-align:middle;
}

.btn-subnav img {
    border-style: none;
    vertical-align: middle;
    height:32px;
    margin-right:4px;
}

.layout-input-form {
    width: 90%;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #666;
    background-color: #fff;
}

.layout-input-form-container {
    background-color: #ddd;
    display: flex;
}

.DataTable2 {
    width: 100%;    
    border:none;
    margin:0px;
}

.DataTable2 td
{
    padding:4px;
}

.DataTable2 th {
    padding: 5px;
}


.RowItem {
    background-color: #EEEEEE;
    vertical-align:top;
}

.RowItemAlt {
    background-color: #DDDDDD;
    vertical-align: top;
}

.paramLabel
{
    font-weight:bold;
    text-align:right;
}

.paramValue
{

}