/* ---------------------------------------------------------

	1.	GLOBAL STYLES		
	2. 	TYPOGRAPHY									
	3.	CONTAINERS	
	4.	NAVIGATION	
	5.  CONTENT STYLES
	6.	FOOTER
	7.	FORMS / TABLES

-----------------------------------------------------------	*/



/* ---------------------------------------------------------
	1.	GLOBAL STYLES												
-----------------------------------------------------------	*/

body, .body {
	text-align: center;
	font: 11px, arial, verdana, sans-serif;
	color: #004FA3;
	background: #CEE3F6 url("../images/img_bkg.gif") center center no-repeat;
}

* {
	padding: 0;
	margin: 0;
}

img {
	border: 0;
}

a, a:link, a:visited, a:active {
	color: #004FA3;
	text-decoration: underline;
}

a:hover {
	color: #EF33A2;
}

.hidden {
    display: none;
  }
  
.back {
	position: absolute;
	top: 30px;
	right: 40px;
}

.section {
	position: absolute; 
	right: 0; 
	top: 6px; 
	font-weight: bold;
	text-align: right;
	font-size: 12px;
}

#logo {
	width: 88px;
	height: 112px;
	position: absolute;
	left: 315px;
	bottom: -80px;
	z-index: 2;
     /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo_nick.png');
}

#logo[id] {background-image:url("../images/logo_nick.png");}

#prompt{
	position: absolute;
	left: 250px;
	bottom: -122px;	
	width: 220px;

	font: bold 12px Arial;	

	z-index: 2;
	text-align:center;
}

.list {
	list-style: none;
}

.list li {
	padding-left: 30px;
	background: url("../images/ico_arrow.gif") 0 3px no-repeat;
	margin-bottom: 10px;
	font-size: 12px;
	float: left;
	width: 380px
}

	

/* ---------------------------------------------------------
	2.	TYPOGRAPHY										
-----------------------------------------------------------	*/
p {
	margin-bottom: 15px;
}

h1 {
	margin-bottom: 15px;
}

h2 {
	font-size: 13px;
	margin-bottom: 10px;
}

h4 {
	margin-bottom: 10px;
}

h5 {
	font-size: 16px;
	margin-bottom: 10px;
	color: #00ADEE;
}

/* ---------------------------------------------------------
	3.	CONTAINERS									
-----------------------------------------------------------	*/

#container {
	margin: 35px auto;
	width: 718px;
	height: 380px;
	background: url("../images/img_bkg_content.gif") left top no-repeat;
	text-align: left;
	position: relative;
}

#content_lt {
	width: 224px;
	height: 382px;
	float: left;
	z-index: 1;
}

#content_rt {
	width: 494px;
	height: 382px;
	position: relative;
	float: left;
	padding: 70px 50px 0 25px;
	overflow: hidden;
	z-index: 1;
}
#content_rt.Gallery {padding: 50px 0 0 0}
#content_rt.Gallery[id] {width: 494px; height: 332px}
#content_rt.Ecards {padding: 60px 0 0 0}
#content_rt.Ecards[id] {padding: 60px 0 0 0; width: 494px; height: 300px}
#content_rt[id] {width: 419px; height: 312px}

#footer {
	position:relative;
	top:8px;
	width: 480px;
	margin: 115px auto 20px auto;
	height: 60px;
	padding: 5px 0 0 0;
}

#footer[id] {height: 55px}

#footer img {margin: 0 12px}

#terms {position:relative; top:10px;}

/* ---------------------------------------------------------
	4.	BUTTONS									
-----------------------------------------------------------	*/

a.next, a.prev, a.back { position: absolute; height: 30px;}

a.next {right: 0; bottom: 0; width: 200px;}
a.prev {left: 0; bottom: 0; width: 125px;}
a.back {top: 30px; right: 40px; width: 140px;}

a.next i{visibility: hidden;}
a.next {background: url("../images/btn_next.gif") left top no-repeat}
a.next:hover {background: url("../images/btn_next_f2.gif") left top no-repeat}
a.prev i{visibility: hidden;}
a.prev {background: url("../images/btn_prev.gif") left top no-repeat}
a.prev:hover {background: url("../images/btn_prev_f2.gif") left top no-repeat}
a.back i{visibility: hidden;}
a.back {background: url("../images/btn_back.gif") left top no-repeat}
a.back:hover {background: url("../images/btn_back_f2.gif") left top no-repeat}



/* ---------------------------------------------------------
	4.	FORMS									
-----------------------------------------------------------	*/
form {
	width: 419px;
	height: 300px;
}

.formstyle div {
	position: relative;
	height: 150px;
	width: 419px;
	margin-bottom: 100px;
}

.formstyle#vote div {height: 270px}

input {
	background: #CDE3F5;
	border: 0;
	padding: 3px 3px 3px 5px;
	height: 24px;
	width: 416px;
	float: left;
	color: #004FA3;
	font-size: 12px;
	font-family: arial, sans-serif;
}

input.radio {
	background: none;
	padding: 0;
	margin: 0 10px 7px 0;
	height: auto;
	width: auto;
}

form .label {
	width: 60px;
	background: #CDE3F5;
	padding: 3px 10px 3px 5px;
	height: 24px;
	float: left;
	margin-bottom: 10px;
	font-size: 12px;
	font-family: arial, sans-serif;
}

LABEL { font: 12px Arial; }

form input.inputSml {width: 356px;}
form input.inputSml[class] {width: 340px;}

form .label[class]{height: 18px}

form br {
	clear: both;
}

.error {
	font: bold 12px Arial;
	color: #EC087E;
	text-align:center;
}

/* ---------------------------------------------------------
	5.	WINNERS									
-----------------------------------------------------------	*/

.win-name{font: bold 14px Arial; color:	#004FA3;}
.winners div {
	position: relative;
	height: 200px;
	width: 419px;
	margin-bottom: 100px;
}