/* Developed by Dubbele:punt Design - www.dubbelepunt.com */

/* General styles */
html, body {
    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										11px;
	
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;

	height:											100%;
	line-height:									18px;
}

table, tr, td {
	vertical-align:									top;
}

form {
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;
}

p {
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;
}

#frame {
	text-align:										left;
}


/* Hide Header*/
#header  {
	display:										none;
}

/* Hide Menu*/
#frame #menu  {
	display:										none;
}

/* Hide Bottom buttons*/
#frame #content .bottom  {
	display:										none;
}

/* Hide Print button*/
#frame #content .print  {
	display:										none;
}

/* Hide Header*/
#footer  {
	display:										none;
}


/* List styles */
#frame #content {
	width:											620px;
}


#frame #content .title {
	font-weight:									bold;
    font-style:										normal;
    font-size:										11px;
	
	margin-top:										10px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;

	padding-top:									0px;
	padding-bottom:									3px;
	padding-left:									10px;
	padding-right:									10px;

	border-bottom-style:							solid;
	border-bottom-color:							#5B5B5B;
	border-bottom-width:							1px;
	
	height:											15px;
	clear:											both;
}

#frame #content .order_title {
    font-style:										normal;
	
	margin-top:										20px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;

	padding-top:									0px;
	padding-bottom:									5px;
	padding-left:									10px;
	padding-right:									10px;

	border-bottom-style:							solid;
	border-bottom-color:							#5B5B5B;
	border-bottom-width:							1px;
	
	height:											18px;
	clear:											both;
}

#frame #content .row {
	background-color:								#F7F7F7;

	padding-top:									5px;
	padding-bottom:									5px;
	padding-left:									10px;
	padding-right:									0px;

	border-bottom-style:							solid;
	border-bottom-color:							#CECECE;
	border-bottom-width:							1px;
	
	line-height:									18px;

	_height:										15px;
	min-height:										15px;
	clear:											both;
}

#frame #content .row .label {
	padding-top:									1px;
	padding-bottom:									0px;
	padding-left:									0px;
	padding-right:									3px;
	
	float:											left;
	text-align:										right;
	width:											200px;
}

#frame #content .row .description {
    font-weight:									normal;
    font-style:										normal;
    font-size:										11px;
	
	padding-top:									1px;
	padding-bottom:									0px;
	padding-left:									0px;
	padding-right:									3px;
	
	float:											left;
	width:											350px;
}

#frame #content .row .description .pic {
	
	float:											left;
}

#frame #content .row .field {
	padding-top:									1px;
	padding-bottom:									0px;
	padding-left:									2px;
	padding-right:									0px;
	
	float:											left;
	width:											420px;
}

#frame #content .row .field input {
	background-color: 								#FFFFFF;
	
    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										11px;

	border-style: 									solid;
	border-color:									#7A7A7A;
	border-width: 									1px;
	
	width:											400px;
}

#frame #content .row .field select {
	background-color: 								#FFFFFF;
	
    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										11px;

	border-style: 									solid;
	border-color:									#7A7A7A;
	border-width: 									1px;

	width:											405px;
}

#frame #content .row .field textarea {
	background-color: 								#FFFFFF;
	
    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										10px;

	border-style: 									solid;
	border-color:									#7A7A7A;
	border-width: 									1px;
	
	width:											400px;
	height:											125px;
}

#frame #content .row .field .date {
	background-color: 								#FFFFFF;
	
    font-weight:									normal;
    font-style:										normal;
    font-size:										11px;

	border-style: 									solid;
	border-color:									#7A7A7A;
	border-width: 									1px;

	width:											133px;
}

#frame #content .row .field .error {
	padding-top:									1px;
	padding-bottom:									1px;
	padding-left:									1px;
	padding-right:									1px;

	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;

	border-style:									solid;
	border-width:									1px;
	border-color:									#FF0000;
}

#frame #content .row .amount {
	padding-top:									1px;
	padding-bottom:									0px;
	padding-left:									2px;
	padding-right:									0px;
	
	float:											right;
	text-align:										center;
	width:											50px;
}

#frame #content .row .amount input {
	background-color: 								#FFFFFF;
	
    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										11px;

	border-style: 									solid;
	border-color:									#7A7A7A;
	border-width: 									1px;
	
	width:											50px;
}

#frame #content .row .amount .error {
	border-style:									solid;
	border-width:									1px;
	border-color:									#FF0000;
}

#frame #content .row .price {
	padding-top:									1px;
	padding-bottom:									0px;
	padding-left:									0px;
	padding-right:									3px;
	
	float:											right;
	text-align:										right;
	width:											75px;
}

#frame #content .row .price input {
	background-color: 								#F7F7F7;
	
    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										11px;

	border-style: 									none;
	border-color:									#F7F7F7;
	border-width: 									0px;
	
	width:											50px;
}

#frame #content .row .total {
	padding-top:									1px;
	padding-bottom:									0px;
	padding-left:									2px;
	padding-right:									0px;
	
	float:											right;
	text-align:										right;
}

#frame #content .row h2 {
    font-style:										normal;
	
	margin-top:										10px;
	margin-bottom:									5px;
	margin-left:									0px;
	margin-right:									0px;
}

#frame #content .row .row h3 {
    font-style:										normal;
	
	margin-top:										5px;
	margin-bottom:									5px;
	margin-left:									0px;
	margin-right:									0px;
}

#frame #content .row .row .row h4 {
    font-style:										normal;
	
	margin-top:										5px;
	margin-bottom:									5px;
	margin-left:									0px;
	margin-right:									0px;
}

#frame #content .notification {
    font-weight:									normal;
    font-style:										normal;
    font-size:										11px;

	margin-top:										10px;
	margin-bottom:									10px;
	margin-left:									0px;
	margin-right:									0px;

	padding-top:									3px;
	padding-bottom:									3px;
	padding-left:									10px;
	padding-right:									10px;

	border-style:									solid;
	border-color:									#CECECE;
	border-width:									1px;
}

#frame #content .error {
    font-weight:									bold;
    font-style:										normal;

	margin-top:										10px;
	margin-bottom:									10px;
	margin-left:									0px;
	margin-right:									0px;

	padding-top:									3px;
	padding-bottom:									3px;
	padding-left:									10px;
	padding-right:									10px;

	border-style:									solid;
	border-color:									#FF0000;
	border-width:									1px;
}

#frame #content .success {
    font-weight:									bold;
    font-style:										normal;
    font-size:										11px;

	margin-top:										10px;
	margin-bottom:									10px;
	margin-left:									0px;
	margin-right:									0px;

	padding-top:									3px;
	padding-bottom:									3px;
	padding-left:									10px;
	padding-right:									10px;

	border-style:									solid;
	border-color:									#00CC44;
	border-width:									1px;
}

#frame #content .bottom {
	margin-top:										25px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;

	padding-top:									5px;
	padding-bottom:									20px;
	padding-left:									0px;
	padding-right:									0px;

	border-top-style:								solid;
	border-top-color:								#5B5B5B;
	border-top-width:								1px;
	
	text-align:										right;
	clear:											both;
}

#frame #content .bottom .submit {
    font-style:										normal;
    font-size:										11px;

	border-style: 									solid;
	border-width: 									1px;
}

#frame #content .bottom .finish {
    font-style:										normal;
    font-size:										11px;

	border-style: 									solid;
	border-width: 									1px;
}



/* Footer styles */
#frame #footer {
    font-weight:									normal;
    font-style:										normal;
    font-size:										10px;

	text-align:										center;
	clear:											both;
}

/* Developed by Dubbele:punt Design - www.dubbelepunt.com */