html, body{ 
 margin:-1px; 	
 padding:0px; 
 
 background-color:#7f7f7f;
} 

#form-page {
	margin-top:30px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	display:block;
	padding:10px;
	background-color: #FFA800;
	border:1px solid #000000;
}

#page {
	margin-top:30px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	display:block;
	min-width:800px;
	width:98%;
	padding:10px;
}

#block {
	position:relative;
	margin:auto;
	display:block;
	border:1px solid #FFA800;
	background-color: #666666;
	width:100%;
	margin-bottom:20px;
}

table#product-list {
	border-spacing: 0px;
	width:100%;
}

table#product-list tr#product-list-title td{
	padding:1px;
	border-left:1px solid #FFA800;
	margin:auto;
	text-align:center;
}

table#product-list tr#product-list-title {
	padding: 1px;
	background-color: #666666;
	height:25px;
}


table#product-list tr#odd
{
	background-color: #7f7f7f;
	height:25px;
}

table#product-list tr#even
{
	background-color: #909090;
	height:25px;
}

table#product-list tr#over
{
	background-color: #FFA874;
	height:25px;
}

table#product-list tr td
{
	padding:0px;
	border-top:1px solid #FFA800;
	border-left:1px solid #FFA800;
}

table#product-list tr td a img{
text-decoration: none;
padding:0px;
margin:0px;
}

a{
color:#black;
}



a:hover{
color:#black;
}
 
a:visited{
color:#black;
} 


 
table#main-page {
	border-spacing: 0px;
	border:1px solid #000000;
}

table#main-page tr  td
{
	padding:0px;
	background-color: #000000;
}

table#main {
	border-spacing: 0px;
	border:1px solid #FFA800;
	background-color: #666666;
	width:100%;
	height:25px;
	padding-left:10px;
}

table#main tr  td
{
	padding:0px;
	background-color: #666666;
}

table#main-menu {
	border-collapse:collapse;
	border-spacing: 0px;
	margin-left:10px;
}

table#main-menu tr  td
{
	padding:0px;
}


table#form-body {
	border-collapse:collapse;
	border-spacing: 1px;
	border:1px solid #000000;
}


table#form-body tr td
{
	padding:10px;
	background-color: #FFA800;
	
}

table#page {
	border-collapse:collapse;
	border-spacing: 0px;
}

table#page td
{
	padding:3px;
}


A
{
	color : #ffffff;
	font-family : verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.text12White
{
	color : #ffffff;
	font-family : verdana,arial,helvetica,sans-serif;
	font-size: 12px;
}


.text12Orange
{
	color : #FFA800;
	font-family : verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.text12Gray
{
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	text-decoration : none;
	color : #484848;
}

.inputForm
{
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : normal;
	text-decoration : none;
	color : Black;
}

#imageLoad {
display: block;
position: relative;
width:80%;
border: 1px solid black;
}

#imageLoad #title {
display: block;
font-weight : bold;
font-style:smallcaps;
margin-bottom:10px;
}


.swfuploadbtn {
	display: block;
	width: 100px;
	padding: 0 0 0 20px;
}

.browsebtn { background: url(/cake2/app/webroot/img/style/private/add.png) no-repeat; }
.uploadbtn { 
	display: none;
	margin-top:5px;
	width: 140px;
	height: 18px;
	background: url(/cake2/app/webroot/img/style/private/accept.png) no-repeat; 
}

.cancelbtn { 
	display: block;
	width: 100px;
	height: 18px;
	float: right;
	color:#7f7f7f;
	background: url(/cake2/app/webroot/img/style/private/cancel.png) no-repeat; 
}

.firstbtn { 
	display: block;
	width: 150px;
	height: 18px;
	float: right;
	color:#7f7f7f;
	background: url(/cake2/app/webroot/img/style/private/accept.png) no-repeat; 
}

.firstselected { 
	display: block;
	width: 150px;
	height: 18px;
	float: right;
	color:#7f7f7f;
}

#cancelqueuebtn {
	display: block;
	display: none;
	background: url(/cake2/app/webroot/img/style/private/cancel.png) no-repeat 0 4px;
	margin: 10px 0;
}

#SWFUploadFileListingFiles ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#SWFUploadFileListingFiles ul li {
	display: block;
	float: left;
	margin-left:10px;
	margin-top:10px;
	padding-left:5px;
	padding: 0;
	list-style: none;
	border: 1px solid black;
}

.SWFUploadFileItem {
	display: block;
	float: left;
	width: 260px;
	height: 70px;
	background: #eaefea;
	padding: 5px;
}

.SWFUploadFileItemImg {
	display: block;
	float: left;
	margin-left:5px;
	width: 100px;
	height: 70px;
}

.fileUploading { background: #fee727; }
.uploadCompleted { background: #d2fa7c; }
.uploadCancelled { background: #f77c7c; }

.uploadCompleted .cancelbtn, .uploadCancelled .cancelbtn {
	display: none;
}

span.progressBar {
	width: 200px;
	display: block;
	font-size: 10px;
	height: 4px;
	margin-top: 2px;
	margin-bottom: 10px;
	background-color: #CCC;
}


/* This is where you can customize the appearance of the tooltip */
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#dee7f7; border:1px solid #336; 
  width:250px; padding:4px;
  color:#000; font-size:11px; line-height:1.2;
}
/* These are optional. They demonstrate how you can individually format tooltip content  */
div.tp1 { font-size:12px; color:#336; font-style:italic }
div.tp2 { font-weight:bolder; color:#337; padding-top:4px }

div#tooltip {
   position:absolute;
   visibility:hidden;
   z-index:100;
   background-color:#FFEEC7;
   border:1px solid black;
   padding:0.2em;
   font-size:0.8em;
}

/*  forms for  the pagination */
#pagination{
color:white;
width:600px;
padding:10px;
height:20px;
text-align:right;
}

#pagination a {
border:0px;
text-decoration: none;
}

#pagination a img{
text-decoration: none;
border:0px;
}


#pagination_prev{
margin-left:0px;
width:50px;
height:20px;
}

#pagination_range{
width:550px;
margin-left:50px;
text-align:center;
height:20px;
margin-top:-20px;
}	

#pagination_next{
width:50px;
height:20px;
margin-left:550px;
margin-top:-20px;
}

.error-message{
 text-align:center;
 color:blue;
 font-weight:bold;
}

.validation-advice {
	color : blue;
	font-weight: bold;
}

.custom-advice {
	color: blue; 
	font-weight: bold;
}