/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { 
	padding: 0; margin: 0;
}
body {
	margin: 0; 	padding: 0;
	font: 70%/165% 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;	
	color: #555;
	position: relative;
	/*background: #f4f3f3 url('imagesbuck/bg.jpg') repeat-x;*/
	background: #f4f3f3 url('imagesbuck/bg_fade.jpg') repeat-x;
}

/* links */
a { color: #498B48; background-color: inherit; text-decoration: underline; }
a:hover { color: #498B48; text-decoration: none; }

/* headers */
h1, h2, h3 { font: bold 1em 'Trebuchet MS', Arial, Sans-serif; color: #000000; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; color: #003366; letter-spacing: -1px; } 
h3 { font-size: 1.3em; color: #3A4849; }

p, hr, h1, h2, h3, form { margin: 10px 15px; }

ul, ol {
	margin: 10px 15px;
	padding: 0 15px;
}
dl {
	margin: 10px 15px;
	padding: 0 15px;
}
dt {
   font-weight: bold;  
   color: #003366; 
}
dd {
   margin-left: 0;
   padding: 0 0 5px 0;
}

hr {
	height: 1px;
	clear: both;
	border-top-width: 0;
	border-right-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom: 1px solid #EBEBEB;
	margin: 0 15px 0 0; padding: 0;
	
}
hr.hidden {
	clear:both;
	visibility:hidden;	
}

#content, #header-content, #footer-content  {
	width: 945px !important;	
}

/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 100%;
	/*background: #FAFAFA;  */
	/* background: #FAFAFA url(content-bg.jpg) repeat-y center top; */
}
#content {
	text-align: left;	
	padding: 0; 
	margin: 20px auto;			
}

/* Main Content */	
#main	{
	position: relative;
	margin-right: 385px;
}
#main #column1 {
	position: relative;
	float: left;
	/*width: 100%;*/
	width: 525px;
	margin-right: -375px;
	padding-left: 10px; 
	/* padding-right: 10px; */
}
#main #halloffame {
	position: relative;
	float: left;
	/*width: 100%;*/
	width: 925px;
	margin-right: -375px;
	padding-left: 10px; 
	/* padding-right: 10px; */
}
#main #columnwide {
	position: relative;
	float: left;
	/*width: 100%;*/
	width: 600px;
	margin-right: -375px;
	padding-left: 10px; 
	/* padding-right: 10px; */
}
#main h1 { 
	font: bold 25px "Trebuchet MS", Tahoma, Arial, sans-serif;
	text-transform: none;
	color: #000;
	padding: 0 0 5px 0;
	margin: 10px 15px 15px 15px;
	letter-spacing: -1.7px;
	background:url('imagesbuck/bk_dotted.gif') repeat-x left bottom;
}	
#main h2 {
	font: bold 20px "Trebuchet MS", Tahoma, Arial, sans-serif;
	text-transform: none;
	color: #000;
	letter-spacing: -1px;
	background:url('imagesbuck/bk_dotted.gif') repeat-x left bottom;
	padding: 0 0 5px 0;
	margin: 10px 15px 15px 15px;
} 

#main p, #main h1, #main h2, #main h3, #main blockquote, #main form {
	margin-left: 0;
}
#main form p {
	margin: 10px;
}

#maincenter
{
	position: relative;	
}
#maincenter #columnwide 
{
	position: relative;	
	width: 600px;
	margin: 0 auto 0 auto;
}
#maincenter h1 { 
	font: bold 25px "Trebuchet MS", Tahoma, Arial, sans-serif;
	text-transform: none;
	color: #163F53;
	padding: 0 0 5px 0;
	margin: 10px 15px 15px 15px;
	letter-spacing: -1.7px;
	background:url('imagesbuck/bk_dotted.gif') repeat-x left bottom;
}	
#maincenter h2 {
	font: bold 20px "Trebuchet MS", Tahoma, Arial, sans-serif;
	text-transform: none;
	color: #163F53;
	letter-spacing: -1px;
	background:url('imagesbuck/bk_dotted.gif') repeat-x left bottom;
	padding: 0 0 5px 0;
	margin: 10px 15px 15px 15px;
} 

#maincenter p, #maincenter h1, #maincenter h2, #maincenter h3, #maincenter blockquote, #maincenter form {
	margin-left: 0;
}
#maincenter form p {
	margin: 10px;
}

/*VIEW PAGE*/

#viewoptions
{
	float: right;
	width: 200px;
	padding: 0; margin:0;	
}
#posterview
{
	float: left;
	margin-left: 6px;
	padding: 0 0 20px 0;
	width: 559px;	
}
#posterview h3
{
	text-align: center;
	font: normal 1em Arial, Sans-serif; color: #3d3d3d;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#googlebar
{
	float: left;
	width: 160px;
	margin: 0;
	padding: 0; 
	padding-left: 15px;
	display: inline;	
}

#main2
{
	float: left;
	margin-left: 6px;
	padding: 0 0 20px 0;
	width: 559px;	
	
}

/* sidebar */	
#sidebar	{
	float: right;	
	width: 400px;	
	/*width: 400px;	*/
	font-size: .95em;				
}
#sidebar h3 {
	font: bold 14px "Trebuchet MS", Tahoma, Arial, sans-serif;
	color: #498B48;
	padding: 5px 10px 0 10px;
	margin: 5px 0 15px 0;
	letter-spacing: 0px;		
	text-transform: uppercase;	
}
#sidebar #sidebar-left {
	width: 185px; 
	float: left;
	padding: 0em 1em 0.5em 0.2em;	
	border-right: 1px dotted #EAEAEA; 
}	
#sidebar #sidebar-right	{
	width: 190px; 
	float: left;
	padding: 0em 0em 0.5em 1em;	
}	
#sidebar #sidebar-right p {
	margin: 5px 0; padding: 0;
}
#sidebar #sidebar-right a img {
	padding: 0; margin: 0 0 3px 0;
	border: 1px solid #D3DBDC;
}	
#sidebar #sidebar-right h3 {
	padding-left: 0px;
	color: #B5B5B5; 
	text-transform: uppercase;
	letter-spacing: 2px;	
}
#sidebar #sidebar-right .google-ad-box {
	margin: 14px 0 0 0; padding: 0 0 0 10px; 		
	text-align: center;	
}	
#sidebar #sidebar-right .banners {
	padding-bottom: 2px;
	margin-bottom: 8px;
	border-bottom: 1px solid #EAEAEA; 	
	/* background: transparent url(gray_dotted.gif) repeat-x left bottom; */
}

/* sidebar menu */
#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 0 10px 15px 10px; padding: 0;
	text-decoration: none;	
	background: transparent url('imagesbuck/bk_dotted.gif') top left repeat-x;  
	/* background: transparent url(gray_dotted.gif) top left repeat-x; */
}
#sidebar ul.sidemenu li {
	/* background: transparent url(bk_dotted.gif) repeat-x left bottom; */
	background: transparent url('imagesbuck/gray_dotted.gif') repeat-x left bottom;
	padding: 4px 5px 4px 5px;
	padding: 6px 5px 6px 0px;
}

* html body #sidebar ul.sidemenu li { height: 1%; }

#sidebar ul.sidemenu li a {
	text-decoration: none;	
	color: #666666;	
	color: #4E5F62; 	
	color: #183048;
}
#sidebar ul.sidemenu li a:hover {
	text-decoration: none;	
	color: #CB4721;
}

/* footer */
#footer {
	clear: both;
	margin: 0; padding: 60px 0 30px 0;
	font-size: .95em;
	text-align: left;	
	background: url('imagesbuck/footer-bg.jpg') repeat-x left top;
	height: 120px;
	color: #666666;
}
#footer p {
	line-height: 170%;
	margin-top: 0px;
}
#footer a img, #footer a:hover img {
	border: none;	
}
#footer-content {	
	margin: 0 auto;		
}
#footer-content a{
	color: #003366;
}
#footer-content a:hover {
	text-decoration: underline;
}
#footer-content .footer-left {
	float: left;
	width: 65%;		
	padding: 10px 0px 10px 0px
}
#footer-content .footer-right {
	float: right;
	width: 30%;	
	padding: 10px 0px 10px 0px
}
#footer-content .footer-right p {
	margin: 0; padding: 0;
}

#options
{
	margin: 1em 0;
	width: 340px;
	float: left;
	position: relative;
}

#posterarea
{
	float: left;
	width: 580px;
	padding:0px;
	margin: 1em 0;
	margin-left: 20px;
	text-align: center;
}

#imgPoster
{
	text-align: right;
	padding: 3px;
	/*border: solid 1px #dcdcdc !important;*/
}

#imgPoster1
{
	text-align: right;
	padding: 3px;
	border: solid 1px #dcdcdc !important;
}

form {
	margin: 0;
	padding: 0;
}

fieldset 
{
	/* margin: 1em 0; */
	border: none;
	border-top: 1px solid #ccc;
	margin: -.5em 0;
}

legend {
	/* margin: 1em 0; */
	padding: 0 .5em;
	color: #036;
	background: transparent;
	font-size: 1.2em;
	font-weight: bold;
}

fieldset label {
	float: left;
	width: 110px;
	padding: 0 .3em;
	text-align: right;
}

fieldset div {
	margin-bottom: .5em;
	padding: 0;
	display: block;
}

fieldset div input, fieldset div textarea {
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
	color: #333;
}

#rdoOrientation
{
	background-color: Orange;
	color: #333;
}

fieldset div select {
	padding: 1px;
}

input:focus, textarea:focus {
	background: #efefef;
	color: #000;
}

.coolinput
{
	text-align: center;
	width: 100px;
	padding: 4px;
	border: solid 1px #3d3d3d;
	display:run-in;
	vertical-align:middle;
}

.pickcolor
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #ffffff;
	width: 30px;
}

.grid 
{
	position:relative;
	background-color:#FFFFFF;
	overflow:auto;
	border-collapse:collapse;
	top: -1px;
}
.grid td, .grid th {
	border: 3px solid #FFFFFF;
}
.grid .th, .grid th {
	background-color:#EBEBEB;
	font-size:.8em;
	color:#000000;
	text-align:center;
	}
.grid td td{
	border:none;
}
.grid .altRow {
	background-color:#f4f3f0;
}

input.largerCheckbox
{
	border-style: none;
}

/* header */
#header {
	background: #FAFAFA url('imagesbuck/bg1.gif') repeat-x;
	height: 81px; 	
	text-align: left;	
	
	/* height: 195px; */
}
#header-content {
	position: relative;
	margin: 0 auto; padding: 0;	
}
/*#header-content h1 {	
	position: absolute;
	background: transparent url(logo.gif) no-repeat 0 0; 
	margin: 0; padding: 0;	
	height:65px; width: 313px; 
	
	 change the values of left and top to adjust the position of the logo 
	left: 15px; top: 15px;
	color: #ffffff;
	font-size: 30px;
	font-family: Trebuchet MS;
}
*/

#header-content h1 {	
	position: absolute;
	background: transparent url(imagesbuck/logo.gif) no-repeat 0 0;
	margin: 0; padding: 0;	
	height:58px; width: 166px; 
	
	/* change the values of left and top to adjust the position of the slogan */
	left: 5px; top: 3px;
}


#header-content h1 span {
	position: absolute;
	left: -2000px;	
}


#header-content h1 span {
	/*position: absolute;
	top: 10px;
	left: 10px;
	color: #ffffff;
	font-size: 30px;
	font-family: Trebuchet MS;*/
}
#header-content #slogan {
	position: absolute;	
	font: normal 11px 'Trebuchet MS',sans-serif;
	letter-spacing: 0px;
	color: #cbcbcb;	
	margin: 0; padding: 1px 0;
	text-transform: none;
	border-top: 1px solid #555;
	
	/* change the values of left and top to adjust the position of the slogan */
	top: 44px; left: 173px;
}

/* main navigation tabs */
#header-content ul {
	position: absolute;
	list-style:none;
    margin:0; padding:0;	
	font: bold 13px Tahoma, 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	letter-spacing: 0;
	right:0 ; top: 36px;
}
#header-content li {
   display:inline;
   margin:0; padding:0;
}
#header-content a {
   float:left;
   margin:0;
   padding:0 0 0 8px;
   text-decoration:none;
	color: #ABABAB;
}
#header-content a span {
   float:left;
   display:block;
   padding:7px 25px 7px 7px;
   color: #ABABAB;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header-content a span {float:none;}
/* End IE5-Mac hack */
#header-content a:hover span {
	color:#FFF;
}
#header-content a:hover {
    color: #FFF; 
}
#header-content a:hover span {
  	 color: #FFF; 
}
#header-content #current a {
   background: url('tableftL.gif') no-repeat left top;  
   color: #FFF; 	
}
#header-content #current a span {
   background: url('tabrightL.gif') no-repeat right top;
	color: #FFF;
}

#AdMsg
{
	float: left;
}
#PageNo1, #PageNo
{
	float: left;
	margin-left: 4px;
}
#Anext, #aNext1
{
	float: right;
	padding-left: 5px;
}

#Prev, #Prev1
{
	float: right;
}

.ResultsData
{
	border: none 0px;
	margin-left: auto;
	margin-right: auto;
}

#GalleryBottom, #GalleryTop
{
	position: relative;
	height: 40px;
}


/* alignment classes */
.float-left   { float: left; }
.float-right  { float: right; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.align-center { text-align: center; }

.margin-center { margin: 0 auto 0 auto;}

/* display and additional classes */
.clear {  clear: both;  height: 0; }
.displaynone {	display:none; }
.block {  display: block; }
.hide { display: none; }	
.blue { color: #003366; }
.green { color: #498B48; }
.separator { margin-right: 5px; }
.entry {	clear:both;	}

#flagbutton
{
	margin: 10px auto 10px auto;
	text-align: center;
}

#WholeRatingGraph, #passbuck
{
	background-color: #ffffff;
	border: solid 1px #dcdcdc;
	padding: 4px;
	width: 180px;
	margin-bottom: 10px;
}

#RatingsGraphTable
{
	margin-left: auto;
	margin-right: auto;
}

#tablepassbuck
{
	padding: 0px;
	font-size: .85em;
	text-align: right;
}

#tablepassbuck input {margin: 2px 0 2px 0;}

#votey div
{
	text-align: center;
}


#grdGallery td
{
	padding: 2px 3px 2px 3px
}

.tblorder
{
	margin: 0 auto 0 auto;
	background-color: #ffffff;
	padding: 5px;
	border: solid 1px #dcdcdc;
}

.tblorder_buy
{
	margin: 0 auto 0 auto;
	background-color: #ffffff;
	padding: 6px;
	border: solid 1px #dcdcdc;
}

.WeeklyContest
{
	padding: 5px;
	margin: 5px;
	width: 500px;
	border: none 0px !important;
}
.WeeklyContest img
{
	padding: 5px;
}


#PanelContestHeader
{
	margin: 0 auto 0 auto;
	padding: 0px;
	margin: 0 0 5px 0;
}

.admintable {font-size: 1em;}
.admintable td {padding: 2px;}



/* Rounded Corner 

.roundedcornr_box {
	background: url(imagesbuck/roundedcorner/tl.png) no-repeat top left;
}
.roundedcornr_top {
	background: url(imagesbuck/roundedcorner/tr.png) no-repeat top right;
}
.roundedcornr_bottom {
	background: url(imagesbuck/roundedcorner/bl.png) no-repeat bottom left;
}
.roundedcornr_bottom div {
	background: url(imagesbuck/roundedcorner/br.png) no-repeat bottom right;
}
.roundedcornr_content {
	background: url(imagesbuck/roundedcorner/r.png) top right repeat-y;
}

.roundedcornr_top div,.roundedcornr_top,
.roundedcornr_bottom div, .roundedcornr_bottom {
	width: 418px;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content, .roundedcornr_bottom {
	margin-top: -19px;
}
.roundedcornr_content { padding: 0 15px; }


.roundedcornr_content p
{ 
line-height: 1.2
}

*/

#buyorder p
{ 
line-height: 1.2
}

.buy_options 
{
	width: 418px;
	background-color: #FFFFFF;
	float: left;
	padding: 2px;
	margin: 5px;
	border: solid 1px #dcdcdc;
}

.buy_preview
{
	width: 875px;
	padding: 2px;
	margin: 5px;
	margin: 0 auto 0 auto;
}

.buy_disclaimer
{
	width: auto;
	background-color: #FFFFFF;
	padding: 2px;
	margin: 5px;
	border: solid 1px #dcdcdc;
}

.buy_disclaimer p
{
	padding: 5px;
	margin: 5px;
}