body 

{
    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    color: Black;

    padding: 10px;

}

table  tr td 

{

    font-size: 10pt;

    border: solid 1px gainsboro;

    padding: 4px;

    cellspacing: 0;

    vertical-align: top;

}

.solid tr td

{

    border: solid 1px gainsboro;

}



.box

{

    background-color: whitesmoke;

    /*border: solid 2px gainsboro;*/

    padding: 2px;

	max-width:1150px;

	overflow:scroll; 



}

.box  h1

{

    font-size: 12pt;

    color: red;

}

.listbox 

/* box for list pages */

{

    background-color: whitesmoke;

    /*border: solid 2px gainsboro;*/

    padding: 2px;

	max-width:1150px;



}

.listbox  h1

{

    font-size: 12pt;

    color: red;

}

.tabSet

{

    

}

.tabButton

{

    float: left;

    padding: 4px;

    background-color: ghostwhite;

    margin-top: 4px;

    margin-left: -1px;

    border: solid 1px gainsboro;

    cursor: pointer;

}

.tabButtonSelected

{

    float: left;

    padding: 6px;

    margin-left: -1px;

    background-color: white;

    border-left: solid 2px gainsboro;

    border-top: solid 1px gainsboro;

    border-right: solid 1px gainsboro;

    border-bottom: solid 1px white;

    cursor: pointer;

}

.tabButtonStrip

{

    height: 29px;

    padding: 0px 0px 0px 1px;

    background-color: whitesmoke;

    border-bottom: solid 1px gainsboro;

}


.tabPage

{

    display: none;

   /* padding: 2px; */

    background-color: White;

    border-left: solid 1px gainsboro;

    border-right: solid 1px gainsboro;

    border-bottom: solid 1px gainsboro;

}

.underscore

{

    height: 0px;

    clear: both;

}

.error_msg

{

	font-family: verdana,helvetica;

	color: #FF0000;

	font-size: 12px;

    font-weight: bold;

}



.centre-normal {text-align: center;

                font-weight: normal;

}



.centre-bold {text-align: center;

              font-weight: bold;

}

#header {

	font-weight:bold;

	}

#main-holder{

    background-color: whitesmoke;

    /*border: solid 2px gainsboro;*/

    margin : 0px;

    border: 0px  ; padding: 0px;

	max-width:1100px;

	min-height: 800px;



}

#main-middle {  background-color:whitesmoke; width: 49%;   margin : 0px; float: left; 

border: 0px  ; padding: 4px; height: 800px

}

#main-right {   background-color: whitesmoke; width: 49%;   margin : 0px; float: left; 

border: 0px  ; padding: 4px; height: 800px

 }

#pointer {

	cursor: pointer;

	text-decoration: underline;

	color:#0000FF

	}

/* properties */



#top_error 

{

	font-family: verdana,helvetica;

	color: #FF0000;

	font-size: 12px;

    font-weight: bold;

}

#ack_message

{

	font-family: verdana,helvetica;

	font-size: 12px;

    font-weight: bold;

}

#description

{

    padding: 2px;

    background-color: whitesmoke;



 

}



.small-black-heading {

       font-family: verdana,helvetica;

       color: #000000;

       font-size: small;

       font-weight: bold;

}



.descriptionHeaderRow

{

    height: 20px;

    padding: 2px;

    padding-top: 4px;

    text-align: left;

    background-color: whitesmoke;

    border-bottom: solid 1px  gainsboro;



}



.descriptionRow

{

    height: 25px;

    text-align: left;

    border-bottom: solid 1px  gainsboro;

}

/* membership tab */



.lastjoined

{

    float: left;

    width: 65px;

}

.fname

{

    float: left;

    width: 101px;

}

.sname

{

    float: left;

    width: 119px;

}

.memtype

{

    float: left;

    width: 129px;

}

.dob

{

    float: left;

    width: 77px;

}

.gender

{

    float: left;

    width: 35px;

}

.mobno

{

    float: left;

    width: 107px;

}

.emaddr

{

    float: left;

    width: 208px;

}

.dname

{

    float: left;

}

.dutytype

{

    float: left;

}.age

{

    float: left;

    width: 32px;

}

.mnotes

{

    float: left;

    width: 200px;

}

.pnotes

{

    float: left;

    width: 135px;

}

.notes

{

    float: left;

}

.selbox

{

    float: left;

    width: 35px;

}

.cname

{

    float: left;

    width: 110px;

}

.sailno

{

    float: left;

    width: 60px;

}

.pname

{

    float: left;

    width: 120px;

}

.hname

{

    float: left;

    width: 120px;

}

.ptype

{

    float: left;

    width: 140px;

}

.paytype

{

    float: left;

    width: 100px;

}

.payamount

{

    float: left;

    width: 50px;

}

.single

{

    float: left;

    width: 30px;

}

.tiny

{

    float: left;

    width: 30px;

}

.pdate

{

    float: left;

    width: 77px;

}

.ftext

{

    float: left;

    width: 230px;

}

.btext

{

    float: left;

    width: 50px;

}

.ui-datepicker

{

    font-size: 12px !important;

}