body {
padding: 0;
margin: 0;
font-family: Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size: 11px;
text-align: center;
color: #CCC;
background: #000;
}




/* Links 
============================================= */

a {
color: #F1E853;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a img {
border: none; 
}


p.arrowClass {
text-align: right;
}

a.arrow {
background: #490C40 url(images/arrow1.gif) no-repeat top right;
padding: 10px 35px 10px 20px;
color: #FFF;
font-size: 12px;
text-decoration: none;
}

a.arrow:hover {
background: #0C2049 url(images/arrow2.gif) no-repeat top right;
text-decoration: none;
color: #FFF;
}

a.showHide {
cursor: pointer;
}


/* Layout 
============================================= */

#Container {
width: 1000px;
margin: 40px auto 0;
line-height: 18px;
text-align: left;
background: url(images/bg0.jpg) no-repeat top left;
/* background: url(images/bg/rotate.php) no-repeat top left; */
}

html>body #Container { min-height: 666px; }

* html #Container { height: 666px; }

body.pg1 #Container {
background: url(images/bg0.jpg) no-repeat top left;
}
body.pg2 #Container {
background: url(images/bg/bg1.jpg) no-repeat top left;
}
body.pg3 #Container {
background: url(images/bg/bg3.jpg) no-repeat top left;
}
body.pg4 #Container {
background: url(images/bg/bg2.jpg) no-repeat top left;
} 

#Main {
width: 655px;
float: right;
margin-right: 10px;
}

#ContentBox {
clear: both;
padding: 10px 25px;
background: #303030;
}


/* .content { } */


#Footer {
clear: both;
padding: 28px 0 10px;
text-align: center;
font-size: 10px;
color: #6F6F6F;
background: url(images/bg_footer.gif) no-repeat top left;
}


#Footer a {
color: #939393;
text-decoration: none;
}

#Footer a:hover {
color: #FFF;
text-decoration: underline;
}





/* Headers 
============================================= */

h1, h2, h3, h4, h5, h6 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
letter-spacing: -1px;
}

h1 {
font-size: 24px;
color: #8EB4BB;
}

h2 {
font-size: 20px;
}

h3 {
color: #C2CD67;
letter-spacing: normal;
font: normal 16px arial;
margin: 25px 0 -15px;
}


h4 {
font-size: 15px;
font-weight: bold;
color: #FFF;
margin-bottom: -10px;
margin-top: 30px;
}



/* Input, Textarea 
============================================= */

input, textarea {
border: 1px solid #CCC;
padding: 2px;
}

input.submitBtn {
border: none;
background: #831024 url(images/input_bg.jpg) repeat-x top left;
color: #DDD;
}

input.submitBtn:hover {
background: #840045 url(images/input_bg2.jpg) repeat-x top left;
color: #FFF;
}

input.noStyle {
border: none;
}




/* List 
============================================= */

.content ul {
margin: 0;
padding: 0;
}

.content ul li {
padding-left: 20px;
margin-bottom: 2px;
list-style-type: none;
background: url(images/bullet.gif) no-repeat top left;
}

.content ul li li {
list-style-type: circle;
padding-left: 0;
}




/* Others 
============================================= */

p {
margin-top: 25px;
}

.txtBIG {
color: #C2CD67;
letter-spacing: normal;
font: normal 18px arial;
}

.txtBIG2 {
font: bold 13px arial;
color: #EEE;
}

.txt3 {
color: #F9703B;
font-weight: bold;
}

img.imgPrize {
padding: 3px;
border: 1px solid #2B2B2B;
}

small {
font-size: 10px;
}


/* Content: Contestants
============================================= */


img.imgAvatar {
border: 1px solid #333;
}

img.imgAvatar:hover {
border: 1px solid #666;
}

.tblListMain td {
vertical-align: top;
}

.tblListMain a {
color: #F5F6D8;
}

.tblItem  /* same as .tblJudge */  {
width: 522px;
margin: 15px 0;
	height: 81px;
}

.tblItem td {
vertical-align: top;
}

td.tdAvatar {
width: 72px; 
}

td.tdTxt {
padding-top: 10px;
padding-left: 7px;
}

a.btnVote {
display: block;
margin-top: 5px;
background: #831024 url(images/input_bg.jpg) repeat-x top left;
color: #DDD;
text-decoration: none;
text-align: center;
text-transform: uppercase;
font-size: 9px;
border: 1px solid #333;
}

a.btnVote:hover {
background: #840045 url(images/input_bg2.jpg) repeat-x top left;
color: #FFF;
}

a.userId {
font-weight: bold;
}

.contestLinks {
margin-top: 5px;
}


/* Content: Judges
============================================= */

.tblJudge  /* same as .tblItem */  {
width: 285px;
margin: 15px 0;
border: 1px solid #222;
}

.tblItem:hover, .tblJudge:hover {
border: none;
background: #262626;
}

/* AjaxControl toolkit ValidationCalloutExtender */
.validatorCalloutHighlight
{
	background-color:#D1D0C9;
}

/* Pager */
.pager{
    height:29px;
    padding:50px 22px 20px 22px;
    float:left;
    text-align:center;
}
.pager a, .pager a:link, active, visited{
    color:#0496cd;
    width:29px;
    height:29px;
    display:inline-block;
    font:bold 12px/27px Arial, Helvetica, sans-serif;
    text-align:center;
    background:url(pager.jpg) no-repeat top;
    cursor:pointer;
    padding:6px 12px 10px;
    _padding:0px;
    margin:0 10px;
    text-decoration:none;
}
.pager a:hover{
    color:#ed0c6e;
    text-decoration:none;
}
.pager span{
    background:url(pager-active.jpg) no-repeat top;
    color:#FFF;
    width:29px;
    height:29px;
    display:inline-block;
    font:bold 12px/27px Arial, Helvetica, sans-serif;
    text-align:center;
   
    padding:6px 12px 10px;
    _padding:0px;
    margin:0 10px;
   
}
.pager a.active:hover{
    color:#ed0c6e;
}

.pagination a{padding:5px;}
.pagination span{padding:5px;}

/*modal popup*/
.modalBackground {
    background-color:#003333;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.modalPopup
{
	background-color:#003333;
	border-width:3px;
	border-style:solid;
	border-color:#20B2AA;
	padding:3px;
}