/* CSS Document */

/* DOCUMENT INFORMATION -----------------------------------

TITLE:			Shrugg Events - default.css
LAST UPDATED:	07 September 2007
AUTHOR:			Daniel Thompson <dt@cleverclover.co.uk>

-- CONTENTS -----------------------------------------------

	=1:		[HTML & BODY, UNDOHTML]
	=2:		[LINKS]
	=3:		[COMMON ELEMENTS]
	=4:		[TOP ELEMENTS]
	=5:		[NAVIGATION]
	=6:		[MAIN COLUMN]
	=7:		[SIDEBAR COLUMN]
	=8:		[FOOTER]
	=9:		[LISTS]
	=10:	[FORMS]
	=11:	[IMAGES]
	=12:	[MISC]
	=13:	[COMPETITION]
	
-----------------------------------------------------------

NOTES:	Default CSS Template for CleverClover.com..
		Contains a list of default CSS styles for a generic
		site. Uses verdana 10pt by default with an 11pt line
		height.

/*	=1:	[HTML & BODY] -------------------------------------*/

* { margin:0; padding:0 }
link,:visited { text-decoration:none }
ul li { list-style: disc; margin-left: 35px;}
ul { margin-top: 5px; margin-bottom: 5px;}
h2,h3,h4,h5,h6,pre,code { font-size:12pt; }
a img,:link img,:visited img { border:none }

html { margin-bottom: 1px;}

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	line-height: 11pt;
	color: #000;
	background-color: #fff;
	text-align: center;
	background: url('../images/main_bg.gif') repeat-x;
}



.cleaner {
	clear:both; 
	height:1px;
	height:1px;
	font-size:1px;
	border:none;
}

address { font-style:normal; }


#upperHeader {
	height: 125px;
	background: url('../images/headerImage.gif') no-repeat;
}

#upperHeader img {
	padding-top: 20px;
}

#pagewrap {
	width: 774px;
	margin: 0px auto;
	text-align: left;
}

#colLeft {
	float: left;
	width: 300px;
	margin-bottom: 10px;
}

#colRight {
	float: right;
	text-align: right;
	width: 300px;
}

#upperHeader img {
	padding-top: 20px;
}

#navigationBar .studioNav {
	padding: 5px 0px 0px 10px;
}
#navigationBar {
	position: relative;
	float: left;
	width: 775px;
	height: 32px;
	margin: 10px 0px 0px 0px;
	background: url('../images/studio_navbg.gif') repeat-x;
}

#navigationBar p {
	font-size: 9pt;
	padding: 5px 0px 0px 10px;
	font-weight: bold;
	color: #fff;
}

#navigationBar a {
	color: #fff;
	text-decoration: none;
}

#navigationBar a:hover {
	color: #fff;
	text-decoration: underline;
}

#leftHeader {

}

#rightHeader {

}

#mainBody {
	float: left;
	width: 774px;
	border-bottom: 1px solid #fcd6ed;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	/*background: url('../images/bodyBg.gif') no-repeat;*/
}

#mainBodyBlank {
	float: left;
	width: 774px;
	border: 1px solid #fcd6ed;
	padding: 0px 0px 10px 0px;
	margin: 5px 0px 0px 0px;
}


#sectionPod {
	float: left;
	width: 774px;
}

#sectionPod table#sectionTbl {
	width: 100%;
}

#sectionPod td#sectionTbl {
	text-align: right;
}

#bodyLeft {
	float: left;
	width: 570px;
}
#bodyRight {
	float: right;
	width: 200px;
}

#mainText {
	float: left;
	margin: 10px 0px 0px 0px;
	width: 550px;
	/*border: 1px solid #FBD8EE;	*/
	background: url('../images/bg_curl.gif') no-repeat;
	background-position: bottom right;
}

#pageTop {
	background: url('../images/pgtop_bg.gif') no-repeat;
	height: 44px;
	margin: 10px 0px 0px 0px;
}
#sitesContainer {
	float: left;
	margin: 10px 0px 0px 10px;
}

p.sitesTxt {
	font-size: 8pt;
	padding: 90px 15px 0px 15px;
}

#promoBannerPod {
	float: left;
	margin: 10px 0px 0px 5px;
}


#textContainer {
	width: 520px;
}

#map {
	border: 2px solid #ec008c;
	width: 560px;
	height: 200px 
}

/*	=2:	[LINKS] -------------------------------------------*/	


a, a:visited {
	color: #ec008c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*	=3:	[COMMON ELEMENTS] ---------------------------------*/

hr {
	width: 530px;
	margin-left: 10px;
	height: 1px;
	background-color: #ec008c;
	color:  #ec008c;
	border: 0px;
}

br {
	line-height: 4px;
}

h1 {
	margin: 10px 0px 0px 0px;
	font-size: 13pt;
	font-weight: normal;
	color: #6894A2;
	padding: 5px 0px 0px 0px;
	height: 40px;
}

h2 {
	color: #ec008c;
	font-weight: bold;
	font-size: 14pt;
	line-height: 20px;
	margin: 0px 0px 10px 0px;
}

h3 {
	margin: 5px 0px 0px 0px;
	font-size: 11pt;
	font-weight: bold;
	color: #ec008c;
}

h4 {
	margin: 5px 0px 0px 0px;
	font-size: 11pt;
	font-weight: bold;
	color: #6894A2;
}

p {
	font-size: 10pt;
	line-height: 20px;
	margin-bottom: 20px;
	text-align: justify;
}

li { 
	font-size: 10pt;
	padding: 3px;	
}

.small {
	font-size: 8pt;
}

p.bodytxt {
	padding: 5px;
}

#mainText p {
	color: #000000;
	padding: 0px;
}

p.message {
	width: 80%;
	padding: 5px;
	background-color: #efefef;
	border: 1px solid #C2D2D4;
	text-align: center;	
}



	#promoWrapper {
		padding: 10px;
		width: 520px;
	}
	
	#promoWrapper input.noBorder {
		border: 0px;
	}
	
	table#promoTbl {
		width: 520px;
		padding: 10px;
	}
	
	table#promoTbl td {
		width: 520px;
		padding: 5px;
	}
	
	table#promoTbl td.tblTdIndent {
		padding-left: 30px;
	}
	
	table#promoTbl hr {
		width: 450px;
		height: 2px;
	}

	

#mainText p.stepTitle { 
	color: #ec008c;
	margin: 10px 0px 0px 0px; 
}

p.indentedSteps {
	margin: 20px 0px 0px 30px;
	
}

img.paddLeft {
	padding: 0px 0px 0px 10px;
}


/*	=4:	[TOP ELEMENTS] ------------------------------------*/

/*	=5:	[NAVIGATION] --------------------------------------*/	
 
/*	=6:	[MAIN COLUMN] -------------------------------------*/	
 
 
#smallHomeImg {
	width: 163px;
	float: right;
}

.sIFR-hasFlash h1 { 
  font-size: 25pt;
  line-height: 1em;
  color: #ff0000;
}

#hottypod {
	width: 570px;
	height: 264px;
	background: url('../images/hottypromo/header.jpg') no-repeat;
	margin: 10px 0px 0px 0px;
	position: relative;
}

#regButton {
	position: absolute;
	bottom: 13px;
	right: 0px;
}

#columnHolder {
	float: left;
	clear: all;
	background: url('../images/hottypromo/intro_bg.jpg') no-repeat;
}

#columnHolder #leftCol {
	float: left;
	width: 325px;
	padding: 60px 0px 0px 0px;
}

#columnHolder #leftCol p {
	line-height: 19px;
	padding: 10px 10px 0px 10px;
}

#columnHolder #rightCol {
	float: left;
	width: 243px;
	padding: 60px 0px 0px 0px;
}

img.ImageFrame {
	margin: 0 auto;
	border: 1px solid #95b4be;
	border-bottom: 5px solid #95b4be;
	margin: 10px 0px 0px 10px;
}

.featuredInfo {
	margin: 5px 0px 0px 10px;
	width: 231px;
	height: 35px;
	background: url('../images/hottypromo/featured_info_bg.jpg') no-repeat;
}


.featuredInfo .couple_name {
	font-weight: bold;
}

.featuredInfo .detailsTxt {
	font-size: 8pt;
	color: #95b4be;
}

#stepPoints ul {
}

#stepPoints li {
	list-style-image: url('../images/pink_bullet.gif');
	font-size: 9pt;
	margin: 0px 10px 0px 30px;
}


/** VOTE PAGE **/

.votePod {
	float: left;
}

.votePod .photoPod{
	float: left;
	width: 179px;
	margin: 0px 12px 0px 0px;
}

.votePod .photoPod .featuredInfo {
	margin: 5px 0px 0px 10px;
	width: 179px;
	height: 35px;
}


.votePod .photoPod .featuredInfo .couple_name {
	font-weight: bold;
}

.votePod .photoPod .featuredInfo .detailsTxt {
	font-size: 8pt;
	color: #95b4be;
}

#contactDirectionsBox {
	width: 554px;
	height: 113px;
	padding: 50px 0px 0px 0px;
	background: url('../images/direction_info.gif') no-repeat;
}

table#contactTbl {
	width: 560px;
	height: 200px;
	
}

table#contactTbl td{
	padding: 5px;
}

/* ---------------------------------- IMGDISPLAY STYLE ----------------------------------- */

/**********LAYOUT************/

#imgDisplay, #imgDisplay table {
	background-color: #efefef;
	border-collapse: collapse;
	margin: 2px;
	padding: 0px;
}

#imgDisplay tr {
	background-color: #efefef;
}

#imgDisplay td {
	font-size: 8pt;
	padding: 2px;
}

#imgDisplay img {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#imgDisplay select {
	width: 50px;
	font-size: 8pt;
}

#imgDisplay table, #imgDisplay table tr {
	background: none;
}

#imgDisplay input.checkbox {
	width: 15px;
}

input.image {
	border: 0px;
}

/*********DISPLAY***********/

#imgDisplay .header {
	background-color: #C2D2D4;
	font-weight: bold;
}

#imgDisplay {
	
}

#imgDisplay tr.prodinfo {
	background: url('../images/packtop.gif') top left no-repeat;
}

#imgDisplay tr.collectioninfo {
	background: url('../images/collectionheader.gif') top left no-repeat;
	height: 35px;
}

#imgDisplay tr.collectioninfo td {
	height: 35px;
	font-size: 10pt;
}

#imgDisplay tr.selquan {
	background: url('../images/packbottom.gif') bottom left no-repeat;
}

#imgDisplay td.btl {
	background: url('../images/b2topleft.gif') top left no-repeat;
}

#imgDisplay td.btr {
	background: url('../images/b2topright.gif') top right no-repeat;
}

#imgDisplay tr.baskbottom {
	background: url('../images/b2bottom.gif') bottom left no-repeat;
	border-top: 1px solid #ffffff;
}

#imgDisplay .imgFloat {
	float: left;
	margin: 3px;
}

#imgDisplay .imFloat img {
	border: 2px solid #efefef;
}

#imgDisplay td.bgtr {
	padding: 0px;
}

#imgDisplay tr.whitebg {
	background-color: #FFFFFF;
}

#imgDisplay tr.borb {
	background-color: #FFFFFF;
	border-bottom: 1px solid #c2d2d4;
}

#imgDisplay .borr {
	border-right: 1px solid #dfe7e8;
}

#imgDisplay .light td {
	background-color: #f0f4f4;
}

#imgDisplay .dark td {
	background-color: #d7e7e9;
}

#imgDisplay tr.info td {
	background-color: #C2D2D4;
	padding: 2px;
}

#imgDisplay tr.infoS td {
	background-color: #C2D2D4;
	padding: 2px;
	height: 100%;
}

#imgDisplay tr.infowb td{
	background-color: #C2D2D4;
	border: 1px solid #c2d2d4;
}

#imgDisplay tr.infoS {
	height: 100%;
}

#imgDisplay tr.picture {
	height: 99%;
}

#imgDisplay .photodetails{
	background: url('../images/housebg.gif') bottom right no-repeat;
}

#imgDisplay input {
	font-size: 8pt;
}

#imgDisplay .imwrap td{
	border: 1px solid #c2d2d4;
}

#imgDisplay .hr2 {
	margin-top: 4px;
}

#imgDisplay a.box, #imgDisplay a.box:visited {
	padding: 2px;
	margin: 4px 0px 0px 0px;
	border: 1px solid #000;
	height: 94px;
	width: 94px;
	display: block;
}

#imgDisplay a.box:hover {
	padding: 2px;
	margin: 4px 0px 0px 0px;
	border: 1px solid #DD0067;
}

#imgDisplay h3 {
	color: #ec008c;
}




/*	=7:	[SIDEBAR COLUMN] ----------------------------------*/	

/*	=8:	[FOOTER] ------------------------------------------*/	

#footer #footerLeft p {
	font-size: 8pt;
	padding-top: 2px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

#footer #footerLeft a {
	color: #fff;
	font-weight: bold;
}


#footer #ccBar {
	font-size: 8pt;
	margin-top: 10px;
	float: right;
	width: 210px;
	text-align: right;
	color: #ccc;
}

#footer #ccBar a {
	color: #99cc00;
}

#footer #ccBar a:hover {
	color: #666;
	text-decoration: none;
}


#footer #footerLeft {
	margin-bottom: 10px;
	float: left;
	width: 545px;
	height: 26px;
	background: url('../images/base_links_bg.gif') no-repeat;
}

/*	=9:	[LISTS] -------------------------------------------*/	

ol {
	list-style-position: outside;
	margin-left: 30px;
}

ol.romanType {
	list-style-type: lower-roman;
}

/*	=10: [FORMS] ------------------------------------------*/	

input {
	/*border: 1px solid #ccc;*/
}

input.text {
	width: 220px;
}	

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

form {margin-bottom: 0px;}

select { font-size: 8pt; }


/*	=11: [IMAGES] -----------------------------------------*/	

img.leftIt {
	position: absolute;
	left: 0px;
}

img.rightIt {
	position: absolute;
	right: 0px;
}

img.topIt {
	position: absolute;
	top: 0px;
}

img.bottomIt {
	position: absolute;
	bottom: 0px;
}

img {border: 0px; display: block;}	
img.inline { display: inline; }
img.withGap {margin-top: 5px;}

/*	=12: [MISC] -------------------------------------------*/	

.paddLeft {
	padding-left: 10px;
}

.paddTop5 {
	padding-top: 10px;
}

.paddLeft5 {
	padding-left: 5px;
}

.paddLeft9 {
	padding-left: 9px;
}

.paddRight {
	padding-right: 10px;
}

.red { color: #cc0000; }
.blue { color: #00FF00; }
.green { color: #50b300; }
.black { color: #000000; }
.white { color: #FFFFFF; }
.grey { color: #999999; }
.lightgrey { color: #ccc; }

.fLeft  {float: left;}
.fRight {float: right;}

.artsPink {
	color: #ec008c;
}

.artsBlue {
	color: #6894a2;
}

.topleft {
	position: absolute;
	top: 0;
	left: 0
}

.topright {
	position: absolute;
	top: 0;
	right: 0;
}

.bottomleft {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.bottomright {
	position: absolute;
	bottom: 0;
	right: 0;
}

.sysmess {
	color: #C00000;
}

/*	=13: [COMPETITION] -------------------------------------------*/	

#browsePods {
	width: 774px; 
	text-align: center;
}

#votePods {
	width: 774px;
	height: 495px;
	position: relative;
	float:left;
}

#votePods #loading {
	position: absolute; 
	width: 774px;
	top:250px;
	z-index: 10;
	text-align: center;
}

#votePods #loading img {
	display: inline;;
}

#voteWin {
	position: fixed;
	z-index:100;
	top:0;
	left:0; 
	width: 100%;
	height: 100%;
	background: url(../images/hottypromo/blackback.png);
}

#voteWin #back {
	position: absolute; 
	top: 0; 
	left: 0;
}

#voteWin table {
	width:100%;
	height:100%;
}

#voteWin table tr td {
	vertical-align: middle; 
	text-align: middle;
}

#voteWin #voteComplete {
	width: 300px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	color: #fff;
	background: #999;
	overflow: hidden;
	position: relative;
}

#voteWin #voteForm {
	width: 300px;
	height: 283px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	color: #fff;
	background: #999;
	overflow: hidden;
	position: relative;
}

#voteForm label {
	width: 100px;
	float: left;
	display: block;
	margin-bottom: 8px;
}

#voteForm input {
	width: 150px;
	float: left;
	display: block;
	margin-bottom: 8px;
}

#voteForm #disclaimer {
	font-size: 0.7em;
}

#voteForm #disclaimer input {
	width: 0.7em;
	height: 0.7em;
	display: inline;
	float: left;
}

#voteWin .title {
	font-size: 1.4em;
	margin-bottom: 10px;
	position: relative;
	top: -2px;
	left: -6px;
}

#voteForm form {
	margin-top: 10px;
}

#voteForm input#vote {
	position: relative;
	left: 120px;
	width: 63px;
	height: 29px;
}

tr.toprow td.left {
	width: 8px;
	height: 8px;
	background: #fff url();
}

tr.toprow td.middle {
	height: 8px;
	background: #fff url();
}

tr.toprow td.right {
	width: 8px;
	height: 8px;
	background: #fff url();
}

tr.midrow td.left {
	width: 8px;
	background: #fff url();
}

tr.midrow td.middle {
	padding: 10px;
}

tr.midrow td.right {
	width: 8px;
	background: #fff url();
}

tr.botrow td.left {
	width: 8px;
	height: 8px;
	background: #fff url();
}

tr.botrow td.middle {
	height: 8px;
	background: #fff url();
}

tr.botrow td.right {
	width: 8px;
	height: 8px;
	background: #fff url();
}