/*Reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,/*font,*/img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,/*table,*/caption,/*tbody,*/tfoot,thead/*,tr,th,td*/ { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse; border-spacing:0; }


* {
    margin: 0;
    padding: 0;
}

html, body, table, tr, td  {
	width: 100%;
	height: 100%;
}

#wrapper {
	margin:auto;
	position: relative;
	
	width:100%;
	min-width:970px;
	max-width:1280px;
	
	min-height:580px;
	max-height:770px;
	height:100%;
}


/* Fix for Safari and Opera
 * To get 100% scaling with minimum dimensions working in Safari and
 * Opera you need to bottom align the flash object in the wrapper div
 * to stop the Flash floating off the top of the browser window
 */
 
#wrapper object {
  position: absolute;
  bottom: 0px;
}

#flashcontent {
	width:330px;
	margin:30px auto; 
	align:center;
}

#flashcontent p { font-family:Arial, Verdana, "Lucida Grande", sans-serif; font-size:13px; line-height:1.2; margin:5px 0; }

#flashcontent hr { 
	margin:1em 0; 
	padding:0; 
	color:#ccc; 
	background-color:#ccc; 
	height:1px; border:none;
}

#flashcontent a { color:#e61b23; }
#flashcontent a:hover { text-decoration:none; }

#pop-up-blocked-helper {
  width:100%;
  margin:auto;
  padding:6px;
  text-align: center;
  font-family: helvetica,arial,sans-serif;
  font-size: 16px;
  color: #FFF;
  background-color: #E50000;
}

#pop-up-blocked-helper a {
  color: #FFF;
}

#pop-up-blocked-helper img {
	vertical-align: middle;
	cursor: pointer;
}