@CHARSET "UTF-8";

/* GENERAL STYLING */
body {
	color: #333;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 80%;
}

p {
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

/* Start of FORM ELEMENTS styling */
input[type="text"] {
 color: #333;
 margin-bottom: 0.5em;
}

input.tbLabel {
	margin-bottom:0;
}

label.login:after {
 content: ": ";
}

input.form {
	display: block;
	font-family: Veranda, Arial, Helvetica, sans-serif;
}

label.login {
 background-color: #666765;
 color: #FF9B68;
 font-weight: bold;
 
 padding: 4px;
 text-transform: uppercase;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: xx-small;
}  

input.login {
 display: block;
 margin-bottom: 0em;
 width: 150px;
 border: solid grey;
 border-width: 1px 2px 2px 1px;
}  

.loginbutton {
 width: 75px;
 margin-left: 75px;
 color: black;
 text-transform: uppercase;
 border: 1px solid grey;
}

tr.odd {
	background-color: #EEE;
}
tr.even {
	background-color: #DDD;
}

.button {
 width: 75px;
 color: black;
 text-transform: uppercase;
 border: 1px solid grey;
}

.large {
	font-size: 150%;
	font-weight: bold;
	text-align: center;	
}

/* End of form element styling

/* Start of PAGE LAYOUT styling */
div
{
	border: 1px;
}


/* Start of MAIN MENU styling */
#verticalMenu p {
 display: none;
}

.sublink {
 text-align: right;
 display: block; 
 margin-bottom: 5px;
 /*padding: 2px 2px 2px 0.5em; 
 width: 75%; */
 background-color: #fff; 
 color: #666666; 

 font-size: 0.8em;
}

#logout_link {
 color: #FF0000;
}

#verticalMenu {
 font-size: 1em;
 font-weight: bold;
 width: 166px; 
 /* border-right: 1px solid #666765; */
 padding: 0; 
 margin-bottom: 1em; 
 background-color: #fff; 
 color: #333; 
}

#verticalMenu ul li.menuCaption {
text-align:right;
font-size: 0.8em;
background: url(menu_bg.gif);
color: white;
font-style:italic;
border-top:none;
padding: 3px;
height: 16px;
}

#verticalMenu ul {
 border: none;
 border-right: 3px #666765;
 list-style: none; 
 margin: 0; 
 padding: 0;
}

#verticalMenu ul li {
	height: 37px;
	background: url(nupp.gif) no-repeat;
	margin-bottom:8px;

}

#verticalMenu ul li a {
 margin: 0;
 padding: 0;
 border: 0;
 display: block; 
 width: 126px;
 color: #FF9B68; 
 text-decoration: none; 
 padding-left: 40px;
 padding-top: 8px;
}

/* End of main menu styling */

/* Styles on general representation TABLE ELEMENTS */
table caption {
	font-weight:bold;
	font-size:120%;
	font-stretch:expanded;
    padding: 1em;
}

td.spacy {
	padding: 10px;
	text-align: center;
}

table.header td {
	border-style:none;
}

td.ul {
border-bottom: ridge thin #CCC;
}

td.total {
	font-style:italic;
	font-weight:bolder;
}


td.grandtotal {
	font-style:italic;
	font-weight:bold;
}

table th {
 text-align: center;
 padding: 0.5em 0.5em 0.5em 0.5em;
 font-size: .9em;
 font-style:italic;
 color: #FFFFFF;
 background: #666765;
}

table.simpleBox {
 border: ridge thin #CCC;
 margin-bottom: 2em;
 padding: 10px;
}
/* End of general representation table elements */


/* Start of DESIGN BOX styling */
.designBox {
 border: 1px;
 border-spacing:5px;
}

td.designBoxImage {
	text-align:center;
	vertical-align:middle;
	background-color:#FFF;
	padding-left: 15px;
	border:0;
}

div.imgholder {
	 float:left;
	 background: url(shadow.gif) no-repeat bottom right;
	 margin: 15px 13px 5px 5px; 
}

div.imgholder img { 
	 display: block; 
	 position: relative; 
	 background-color: #fff; 
	 border: 1px solid #666;
	 margin: -3px 5px 5px -3px; 
	 padding: 2px; 
}

td.designBox {
	padding:0;
	text-align:center;
	vertical-align:middle;
}

table.designBoxTable {
	width:100%;
	border: 1px solid #333;
	margin-bottom:5px;
}

.designButton {

}

.designText {
	display:block;
}

.designTextBoxLabel {

}
		/* End of design box styling */