html, body
{
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    color: #757575;
	height: 100%;
	//min-height: 100%;
	text-align:center;
	margin: 0px ;

}


#body {
   padding:0px;
    /* Height of the footer */
   
}

div.wrapper {
    min-height: 99%;
    height: auto !important;
    height: 99%;
    width: 99%;
    
	/* width: 800px;*/

	text-align: left;
	border: 0px solid purple;
	padding-bottom:5px;
	margin: 0px auto -76px;

	
   }

h1, h2 {
    font-weight: bold;
    font-size: 18px;
    font-family: Arial, Sans-Serif;
    color: #000000;
    padding: 0px;
    margin: 8px 0px;
}

h2 {
    font-size: 14px;
}
img
{  border-style: none;
}

#doc
{
    color: #484848;

}
.tabset
{
    padding: 12px 0px;

}
.tab
{
    float: left;
    margin-right: 4px;
    border-bottom: 1px solid #d8d8d8;
}
.sel
{
    border-bottom-color: #ffffff;
}
.tab-link
{
    height: 26px;
    display: block;
    float: left;
    padding: 0px 10px;
    color: #484848;
    font-weight: bold;
    font-size: 11px;
    line-height: 26px;
    background-image: url(../Images/tab-bg.gif);
}
.left-side
{
    width: 3px;
    background-image: url(../Images/tab-left.gif);
    float: left;
    height: 26px;
}
.right-side
{
    width: 3px;
    background-image: url(../Images/tab-right.gif);
    float: left;
    height: 26px;
}
.sel .left-side
{
    background-image: url(../Images/tab-left_ovr.gif);
}
.sel .right-side
{
    background-image: url(../Images/tab-right_ovr.gif);
}
.sel .tab-link
{
    background-image: url(../Images/tab-bg_ovr.gif);
}
.tab-holder
{
    
    height: 26px;
    border-bottom: 1px solid #d8d8d8;
}

.tab-main
{
    border: 1px solid #d8d8d8;
    border-top-style: none;
    padding: 18px 10px;
    clear: both;
}


table.invoice-detail {
    width: 100%;
}

.invoice-detail th {
    width: 20%;
    font-weight: bold;
}


#pageframe
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    //border: 2px solid #b5b5b5;
	border: 0px solid navy;
    padding: 0px 0px 0px 0px;
	text-align:center;
	margin-left: auto;
    margin-right: auto;
	margin-top: auto;
    margin-bottom: auto;

}

#innerframe
{
    //min-height: 100%;
    //height: auto !important;
    //height: 100%;
    width: 850px;
    border: 2px solid red;
    padding: 0px 0px 0px 0px;
	text-align:left;
	margin: 0 auto; 

}

#header {
    background-image: url(../images/midsoftlogo100.png);
    background-position: 740px 0px;
    background-repeat: no-repeat;
    background-color: Red;
    padding-left: 0px;
    height: 30px;
    width: 850px;
    padding-bottom: 18px;
    padding-top: 20px;
    border: 0px solid lime;
    margin: 0px auto 0px;

}

#logon-header {
    padding-top: 100px;
    height: 75px;
    width: 360px;
    padding-bottom: 0px;
    border: 0px solid lime;
    margin: 0px auto 0px;
}

#dialog-push {
    padding-top: 10px;
    height: 100px;
    width: 360px;
    padding-bottom: 0px;
    border: 0px solid grey;
    margin: 0px auto 0px;

}
.pagebox
{
    width: 500px;
    float: bottom;
    padding: 0px 0px 0px 0px;
    border: 0px solid #b5b5b5;
	text-align:center;
}

#subheader
{
    width: 850px;
    //float: bottom;
    height: 55px;
    padding: 5px 2px 2px 5px;
    border: 0px solid #b5b5b5;
	text-align:left;
}

#reflabel
{
    width: 100px;
    padding: 5px 2px 2px 5px;
    border: 0px solid #b5b5b5;
	text-align:left;
	float:left;clear:right
}
#refvalue
{
    width: 120px;
    padding: 5px 2px 2px 5px;
    border: 0px solid #b5b5b5;
	text-align:left;
	float:left;clear:right
}



#messagebutton
{
    width: 250px;
    padding: 5px 2px 2px 5px;
    border: 0px solid #b5b5b5;
	text-align:right;
	float:right;
}

#navigation
{
    width: 850px;
    float: bottom;
    padding: 5px 0px 0px 2px;
    border: 0px solid #b5b5b5;
    background-image: url(../images/text-bg.gif);
    background-repeat: repeat-x;
	text-align:left;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-right: auto;
}

  .fieldset {
    border-top: 1px solid #d8d8d8;
    padding: 15px 2px 4px 4px;
    width: 750px;
}


.fieldvalue {
    float: left; 
	width: 200px;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    color: #757575;
    font-weight: bold;
}

.fieldlabel
{
    float: left;

	width: 200px; 
    padding: 0px 0px 0px;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    color: #757575;
}

#pushdown {
   /* height: 76px;*/
	height:76px;
	border: 1px solid brown;

}

#footer
{
    background-color: #609;
    width: 99%;
    height: 74px;
    background-color: #4f4f4f;
    border-top: 2px solid #828282;
    background-image: url(../Images/footer-bg-grad.gif);
    background-repeat: repeat-x;
	position:absolute;
	bottom:0;
	border: 0px solid silver;

}

#footer-logo {
    position: absolute;
    background-image: url(../Images/ansa-logo-inverted.gif);
    background-repeat: no-repeat;
    top: 21px;
    right: 170px;
    width: 120px;
    height: 33px;
}

#footer-copyright {
    position: absolute;
    top: 25px;
    right: 297px;
    color: #a8a8a8

}


.dialog
{
    padding: 2px 2px 2px 0px;
	border: 0px solid orange;
    width: 360px;
    /*margin: 75px auto 0px;*/
    margin: 2px auto 0px;
	text-align:left;
	
	/* margin : top right and left auto centers it bottom 0 */
	
}

.dialog-content
{
    border: 1px solid #d8d8d8;
    border-top-style: none;
    border-bottom-style: none;
    padding: 20px 20px 0px 20px;
    overflow: none;
}

.dialog-title
{
    display: block;
    padding-bottom: 9px;
    font-size: 18px;
}

.dialog-rule
{
    height: 1px;
    line-height: 0px;
    font-size: 0px;
    background-color: #d8d8d8;
    margin: 9px 0px;
}
.main
{
    width: 361px;
    margin: 75px auto 0px;
}

.textbox
{
    width: 305px;
    height: 19px;
    padding: 0px 2px 2px 2px;
    border: 1px solid #b5b5b5;
    font-size: 11px;
    background-image: url(../images/text-bg.gif);
    background-repeat: repeat-x;
}


.logon-title {
	font-size: large;
	color: #663366;
}

.dialogframe

{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    //border: 2px solid #b5b5b5;
	border: 2px solid Olive;
    padding: 0px 0px 0px 0px;
	text-align:center;
	margin:0 auto;

}
.dialogmain
{
    width: 361px;
    margin: 75px auto 0px;
	border: 2px solid aqua;
}

#red-top-block{
    background-color: Red;
    width: 850px;
    height: 25px;
	border: 0px solid silver;
    margin: 0px auto 0px;
    padding: 5px 0px 0px 0px;

}

.white-block-text {
	color: #FFFFFF;
	font-size: 14px;
}

#main-images-block {
   /* background-image: url(../images/stop-logo.jpg); */
   /*     background-position: 600px 0px;*/
   /*     background-repeat: no-repeat;*/
    padding-left: 0px;
    height: 361px;
    width: 850px;
    padding-bottom: 0px;
    padding-top: 0px;
    border: 0px solid lime;
    margin: 0px auto 0px;
	top: 0;

}

#main-text-block {
   /* background-image: url(../images/stop-logo.jpg); */
   /*     background-position: 600px 0px;*/
   /*     background-repeat: no-repeat;*/
    padding-left: 0px;
    height: 361px;
    width: 850px;
    padding-bottom: 0px;
    padding-top: 0px;
    border: 0px solid lime;
    margin: 0px auto 0px;
	top: 0;

}

ul,li{
margin:0px;
padding-left:2px;
}