body {
    font-family: 'Tahoma', sans-serif;
	font-size: small;
}

a {
    text-decoration: none;
}

input[type='text']{
	text-align: center;
	border-radius: 8px;
	padding: 4px;
}

input[type='password']{
	text-align: center;
	border-radius: 8px;
	padding: 4px;
}

input[type='submit']{
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 8px;
    font-size: large;
}

textarea {
    text-align: center;
	border-radius: 8px;
	padding: 4px;
}

.table-main{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px;
	border-left: 1px;
	border-right: 1px;
	border-bottom: 1px;
	border-color: #CCCCCC;
	/* border-collapse: collapse; */
	border-style: solid;
	border-radius: 12px;
}

.table-content{
	width: 100%;
}

.table-list{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border-color: #000000;
	border-style: solid;
	border-radius: 8px;
}

.list-title-cell{
	background-color: black;
	color: white;
	padding: 4px;
	font-size: large;
	font-family: 'Arial';
	font-weight: regular;
	border-radius: 6px;
}

.list-item-control{
	border-style: solid;
	border-width: 2px;
	border-color: black;
	padding: 4px;
	border-radius: 6px;
}

.list-item-control-span{
	display: inline-block;
	vertical-align: middle;
}

.list-header{
	background-color: #CCCCCC;
	padding-left: 4px;
}

.list-header-qty{
    background-color: #CCCCCC;
	padding-left: 4px;
	text-align: center;
}

.list-header-price{
	background-color: #CCCCCC;
	padding-left: 4px;
	padding-right: 4px;
	text-align: right;
}

.list-row-even{
	background-color: #FFFFFF;
}

.list-row-odd{
	background-color: #EEEEEE;
}

.list-item{
	padding-left: 4px;
}

.list-item-qty{
	padding-left: 4px;
	text-align: center;
}

.list-item-price{
	padding-left: 4px;
	padding-right: 4px;
	text-align: right;
}

.list-item-notes{
	padding-left: 4px;
	padding-right: 4px;
	text-align: left;
	font-size: small;
	font-style: italic;
	vertical-align: top;
}

.link-item{
	
}

.list-show-div{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 2px;
}

.title-cell{
	background-color: black;
	color: white;
	border-radius: 8px;
}

.title-p{
	font-family: 'Arial';
	font-weight: bold;
	margin: 8px 6px 8px 6px;
	text-align: center;
}

.subtitle-p{
	font-family: 'Arial';
	font-style: italic;
	font-size: small;
	margin: 8px 6px 8px 6px;
	text-align: center;
}

.login-div{
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.logout-div{
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.login-user-textbox{
	text-align: center;
	border-radius: 8px;
	padding: 4px;
	font-size: large;
}

.login-pass-textbox{
	text-align: center;
	border-radius: 8px;
	padding: 4px;
	font-size: large;
}

.newaccount-listname-textbox{
	text-align: center;
}

.newaccount-user-textbox{
	text-align: center;
}

.newaccount-pass-textbox{
	text-align: center;
}

.new-account-div{
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.item-new-div{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.item-new-dialog-div{
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.item-edit-div{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.item-edit-dialog-div{
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.item-delete-div{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.item-delete-dialog-div{
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.item-claim-div{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.item-claim-dialog-div{
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.list-show-dialog-div{
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

@media (max-width: 1000px){
    body {
        font-family: 'Tahoma', sans-serif;
	    font-size: large;
    }
    
    .table-main{
	    width: 100%;
	    margin-left: auto;
	    margin-right: auto;
	    border-top: 1px;
	    border-left: 1px;
	    border-right: 1px;
	    border-bottom: 1px;
	    border-color: #CCCCCC;
	    /* border-collapse: collapse; */
	    border-style: solid;
	    border-radius: 12px;
    }
    
    table {
        font-size: xx-large;
    }
    
    .title-p{
	    font-family: 'Arial';
	    font-weight: bold;
	    margin: 8px 6px 8px 6px;
	    text-align: center;
    }

    .subtitle-p{
	    font-family: 'Arial';
	    font-style: italic;
	    font-size: medium;
	    text-align: center;
	    margin: 8px 6px 8px 6px;
    }
    
    .list-title-cell{
	    background-color: black;
	    color: white;
	    padding: 4px;
	    font-size: xxx-large;
	    font-family: 'Arial';
	    font-weight: regular;
	    text-align: center;
	    border-radius: 6px;
    }

.list-item{
        padding-left: 8px;
	padding-top: 16px;
	padding-bottom: 16px;
}

.list-item-qty{
        padding-left: 4px;
	padding-top: 16px;
	padding-bottom: 16px;
        text-align: center;
}

.list-item-price{
        padding-left: 8px;
        padding-right: 8px;
	padding-top: 16px;
	padding-bottom: 16px;
        text-align: right;
}

.list-item-notes{
        padding-left: 8px;
        padding-right: 8px;
	padding-top: 0px;
	padding-bottom: 16px;
        text-align: left;
        font-size: large;
        font-style: italic;
        vertical-align: top;
}

}