body
{
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	text-align: center;
	background-color: #333333;
	background-image: url(/App_Themes/Pink/images/bg_tile.jpg);
	background-repeat: repeat;
	font-family: Calibri, Arial, Verdana, "Segoe UI" , "Trebuchet MS" ,Sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #C0C0C0;
}

.websiteContainer
{
	width: 100%;
	background-image: url(/App_Themes/Pink/images/bg.jpg);
	background-repeat: repeat-x;
}

.pageContainer
{
	width: 985px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: #000000;
	padding-bottom: 0px;
	margin-bottom: 30px;
	overflow: hidden; /* extends the background to fill all the float divs on the page */
}

.topContainer
{
	border: none;
	width: 100%; /*overflow:hidden;  contains all the divs include the personalised and quick login floats that otherwise wrap with bodyContainer in FF 	- can't use this anymore as it cuts off the menu dropdowns in FF */
}
.topContainer div#leaderboardContainer
{
	background-image: url(/App_Themes/Pink/images/top_banner.jpg);
	height: 189px;
}
.topContainer div#leaderboardAd
{
	float: right;
	margin-top: 5px;
	margin-right: 5px;
}

.topContainer div#menuContainer
{
	height: 50px; /* fixed height container for the menu. This allows the correct space in FF so the subTopContainer will display correctly, can't use overflow:hidden because submenu items get cropped in FF */ /* This must be equal or great than the RadMenu_getanightlife div height + top/bottom padding otherwise the personalisedRegionsContainer disappears in FF*/
}

.subTopContainer
{
	width: 100%;
	overflow: hidden;
}

.subTopContainer div#personalisedRegionsContainer
{
	float: left;
	margin-bottom: 2px;
	margin-left: 15px;
}

.subTopContainer div#personalisedRegionsContainer span.regions
{
	text-transform: uppercase;
}

.subTopContainer div#quickLogin, .subTopContainer div#quickLogout
{
	float: right;
	margin-bottom: 2px;
	margin-right: 15px;
}

.footerContainer
{
	border: none;
	width: 100%;
	background-image: url(/App_Themes/Pink/images/footer_bg.jpg);
	background-repeat: no-repeat;
	margin-top: 15px;
	height: 24px;
	overflow: hidden;
}

.footerContainer span#footerLeft
{
	float: left;
	margin-top: 5px;
	margin-left: 15px;
	color: #999999;
}

.footerContainer span#footerRight
{
	float: right;
	margin-top: 5px;
	margin-right: 15px;
	color: #999999;
}

.footerContainer span#footerRight a
{
	color: #999999;
}

.footerContainer span#footerRight a:hover
{
	color: #999999;
}

.mainContentContainer
{
	overflow: hidden; /* shows all the column when the middle column is shorter in length */
}

.leftContainer
{
	float: left;
	display: inline; /* required in IE 6 to fix double left-margin bug with float. Doesn't affect other browsers since floats are display: block anyway which takes precedence */
	width: 300px;
	margin-top: 5px;
	margin-left: 0px; /* note 15-2 = 13 to allow for 1px border on left and right */
	margin-right: 4px;
	background-image: url(/App_Themes/Pink/images/bg_left.jpg);
	background-repeat: repeat-x;
	border-right: 1px solid #141414;
}

.middleContainer
{
	float: left;
	width: 680px;
	margin-top: 5px;
	margin-right: 0px;
}

.rightContainer
{
	float: left;
	width: 120px;
	margin-top: 5px;
	visibility: hidden;
}

.adContainerHotBox
{
	margin: 0px 0px 0px 0px; /* was left/right 4px giving an ad size of 252x210 but ad changed to 260x217 and no margins */
}

.adContainerLeaderboardFooter
{
	margin: 0px 0px 0px 0px;
	text-align: center;
}

h1
{
	background-image: url(/App_Themes/Pink/images/h1.jpg);
	background-repeat: no-repeat;
	height: 36px;
	font-family: "Segoe UI" , "Trebuchet MS" , Arial, Verdana, Sans-serif;
	font-size: 18px;
	color: #CCCCCC;
	padding: 3px 2px 0px 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	white-space: nowrap;
	overflow: hidden;
}

h1.fullWidth /* background images isn't wide enough so use static colour */
{
	background-color: #911959;
	background-image: none;
	height: 30px;
}

h1 span.title
{
	width: 525px;
	overflow: hidden;
	display: block;
	float: left;
}

h1 span.subTitle /* Smaller text next to the main title words, used for Region name lists, music titles, video titles etc */
{
	font-size: 14px;
	font-weight: normal;
	margin-left: 5px;
	color: #C0C0C0;
}

h1 span.titleRight /* Used for things such as Hide buttons to right justify them, slightly different to the search box coz more padding needed */
{
	display: block;
	float: right;
	margin-right: 10px;
	padding-top: 3px;
	font-size: 12px;
}

h1 span.search
{
	display: block;
	float: right;
	margin-right: 4px;
}

h1 span.search input.text
{
	border: none;
	width: 90px;
	height: 16px;
	background: none; /* clears the inset colors and shading */
	background-image: url(/App_Themes/Pink/images/h1_search.jpg);
	background-repeat: no-repeat;
	background-position: right top; /* this avoids the background scrolling left when too much text is added to the box */
	color: #b99eb1;
	font-family: Arial, "Segoe UI" , "Trebuchet MS" ,Sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 2px;
	margin-top: 4px;
	vertical-align: top;
}

h1 span.search input.go
{
	margin-top: 4px;
}

/*
h1 span.search input[type=submit]
{
	border-style: none;
	color: #660021;
	font-weight: bold;
	font-size:10px;
	background: none url(/App_Themes/Pink/images/submit_search_bg.gif);
	font-family: "Segoe UI" , "Trebuchet MS" , Arial, Verdana, Sans-serif;
	height: 22px;
	width: 24px;
	padding-top: 0px;
	margin-top: 0px;
}
*/

h2 /* used for Region selection Country Names */
{
	font-size: 18px;
	margin-bottom: 5px;
}

/* Used to be h1 but optimised for SEO */
p.headLeft
{
	background-image: url(/App_Themes/Pink/images/head_left.jpg);
	background-repeat: repeat-x;
	margin: 4px 4px 0px 4px; /* 0 bottom margin to allow for HotBox etc to butt up against the heading if required*/
	font-family: Arial, "Segoe UI" , "Trebuchet MS" ,Sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #CCCCCC;
	height: 28px; /* 36px (now 28px for better look) + 6px top padding = 43px = height of background image */
	padding: 6px 0px 0px 10px;
	text-align: center;

}

.bodyContainer
{
	border: none;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden; /* makes parent container enclose the floats rather than ending early */
	width: 100%; /* required for IE6 overflow:hidden. Note we can use 100% since no border or padding (see bodyContainerBgPadded for potential issues if padding/border changed */
}

.bodyContainerPadded
{
	border: none;
	margin: 0px 0px 5px 0px;
	padding: 10px 10px 10px 10px;
	overflow: hidden; /* makes parent container enclose the floats rather than ending early */
	width: 660px; /* required for IE6 overflow:hidden, but width:100% gives the underlying div width (680px) + padding + borders (not margins) which causes the column to be too wide in all browser */ /* so the width has been fixed to middleContainer width (680px) - padding (2x10px) - borders (2x0px) = 660px; Checked in IE6/7, FF2/3 - all perfect */
}

.bodyContainerPaddedBottom
{
	border: none;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 10px 0px;
	overflow: hidden; /* makes parent container enclose the floats rather than ending early */
	width: 100%; /* required for IE6 overflow:hidden. Note we can use 100% since no border or padding (see bodyContainerBgPadded for potential issues if padding/border changed */
}

.bodyContainerBgPadded
{
	border: 2px solid #333333;
	background-color: #232323;
	color: #E9E9E9;
	margin: 2px 0px 15px 0px;
	padding: 10px 10px 10px 10px;
	overflow: hidden; /* makes parent container enclose the floats rather than ending early */
	width: 656px; /* required for IE6 overflow:hidden, but width:100% gives the underlying div width (680px) + padding + borders (not margins) which causes the column to be too wide in all browsers */ /* so the width has been fixed to middleContainer width (680px) - padding (2x10px) - borders (2x2px) = 656px; Checked in IE6/7, FF2/3 - all perfect */
}

.bodyContainerBgPaddedFullWidth
{
	border: 2px solid #333333;
	background-color: #232323;
	color: #E9E9E9;
	margin: 2px 0px 15px 0px;
	padding: 10px 10px 10px 10px;
	overflow: hidden; /* makes parent container enclose the floats rather than ending early */
	width: 100%; /* required for IE6 overflow:hidden, but width:100% gives the underlying div width (680px) + padding + borders (not margins) which causes the column to be too wide in all browsers */ /* so the width has been fixed to middleContainer width (680px) - padding (2x10px) - borders (2x2px) = 656px; Checked in IE6/7, FF2/3 - all perfect */
}

.bodyContainerThread /* CSS for messages/threads regions */
{
	border: 1px #333333 solid;
	background-color: #0C0C0C;
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 10px 10px;
	overflow: hidden; /* makes parent container enclose the floats rather than ending early */
	width: 658px; /* required for IE6 overflow:hidden, but width:100% gives the underlying div width (680px) + padding + borders (not margins) which causes the column to be too wide in all browser */ /* so the width has been fixed to middleContainer width (680px) - padding (2x10px) - borders (2x1px) = 658px; Checked in IE6/7, FF2/3 - all perfect */
}

.padded
{
	padding: 10px 10px 10px 10px;
}

.adContainerHotBox
{
	margin-bottom: 5px; /*	border-top-style: none; 	border-left: solid 2px #ffffff; 	border-right: solid 2px #ffffff; 	border-bottom: solid 2px #ffffff;*/
}

.borderedContainer /* used for items such as Membership Participation options etc */
{
	border: 3px solid #333333;
	padding: 5px 15px 5px 15px;
	background-color: #232323;
	color: #E8E8E8;
}

.successContainer
{
	border: 2px solid #003300;
	background-image: url(/App_Themes/Pink/images/icon_tick.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #0a6534;
	font-weight: bold;
	color: #cfe7c3;
	padding-top: 8px;
	padding-left: 50px; /* allows for the background tick icon to show without text overlap */
	height: 40px;
}

.userHotBox, .userHotBoxAnonymous
{
	background-color: #851852;
	padding: 7px 7px 7px 7px;
	margin: 4px 4px 4px 4px;
	overflow: hidden; /* makes parent container enclose the floats rather than ending early */
	width: 278px; /* required to force overflow:hidden to work in IE6, can't use 100% because that doesn't take into account the margins/padding in FF & IE7 etc, so use 3000px (leftContainer width) less padding (2x7px) - margins (2x4px) = 278px */
}

.userHotBox img
{
	float: left;
	padding: 2px; /*gap between image and border*/
	background-color: #171717; /*color of the gap*/
	margin-right: 5px;
}

.userHotBox a.item
{
	color: #E5E5E5;
	display: block;
	background-image: url(/App_Themes/Pink/images/userHotBox_link_bg.jpg);
	background-repeat: no-repeat;
	background-position: right; /* forces bg to correct pos in FF, otherwise FF places behind the profile thumbnail */
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
}

.userHotBox a.image
{
}

.userHotBoxAnonymous a
{
	color: #E5E5E5;
	display: block;
	background-image: url(/App_Themes/Pink/images/userHotBox_link_bg.jpg);
	background-repeat: no-repeat;
	background-position: left; /* forces bg to correct pos in FF, otherwise FF places behind the profile thumbnail */
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
}

.userHotBox a:hover, .userHotBoxAnonymous a:hover
{
	color: #f82488;
	text-decoration: none;
}

.clearBoth
{
	clear: both;
}
.clearBothGap
{
	clear: both;
	line-height: 30px;
}

/* Start Text Styles */
.tBody, .tCenter, .tRight, .tSuccess, .tBodyDark, .tBodyLight, .tLarge, .formCheckbox
{
	font-family: "Segoe UI" , "Trebuchet MS" , Arial, Verdana, Sans-serif; /*font-family: Verdana,Tahoma;*/
	margin-top: 0px;
	font-weight: normal;
}

.tBody, .tCenter, .tRight, .tBodyDark, .tBodyLight, .formCheckbox
{
	font-size: 12px;
}

.tLarge /* used by the email unsubscribe page */
{
	font-size: 14px;
}

.tCenter
{
	text-align: center;
}
.tRight
{
	text-align: right;
}
.tSmall
{
	font-family: Arial, Verdana, Sans-serif; /*font-family: Verdana,Tahoma;*/
	font-size: 10px;
}

.tSuccess
{
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #009900;
}

.tBodyDark /*Used for things like rad town combo list with a white background */
{
	color: #333333;
}

.tBodyLight /*Used for things like dates on messages where we want it to blend with the background more */
{
	color: #999999;
}

.t2 /* Used as an alternative colour, opposite to the default colour to highlight words or lines of text */
{
	color: #f82488;
}

/* End Text Styles */

.formTextbox, .formTextboxNarrow, .formOption, .formInput, .formListBox
{
	/* font-family: Verdana,Tahoma;*/
	font-family: "Segoe UI" , "Trebuchet MS" , Arial, Verdana, Sans-serif;
	font-size: 12px;
}

.formTextbox
{
	line-height: 12px;
	width: 500px;
}

.formTextboxNarrow
{
	line-height: 12px;
	width: 450px;
}

.formInput
{
	width: 200px;
	border-style: none;
	padding: 3px;
	text-align: left;
}

.formListBox
{
	padding: 2px; /* does work in IE but does in FF */
}

.formButton, input[type=submit], input[type=button], input[type=reset]
{
	/*border: solid 1px #333333;
	color: #F5F5F5;
	font-family: "Segoe UI" , "Trebuchet MS" , Arial, Verdana, Sans-serif;
	font-size: 12px;
	background: #494949;*/ /* IE required bg to avoid white border when page loads (border disappears when focus set */
	/*padding: 2px;
	background-image: url(/images/button_bg.jpg);
	*/
	background-image:none; 
	background-color:#d1d1d1; 
	border:1px solid #cccccc; 
	color:#333333; 
	font-size:14px; 
	margin:0px 10px 0px 0px; 
	-moz-border-radius:4px 4px 4px 4px; 
	padding:2px 15px 2px 15px; 
	-webkit-border-radius:3px 3px 3px 3px;
	 /* right margin gives padding between multiple buttons next to each other */
}

.formButton:hover, input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover
{
	background-color:#eeeeee;
}

.formButton:disabled, input[type="submit"][disabled], input[type="submit"]:disabled, input.submit:disabled, input[type="button"][disabled], input[type="button"]:disabled, input.button:disabled
{
    color: #AAAAAA;
} /* :disabled is CSS3, not supported by IE8, but is supported by IE9 */ 

.imageButton
{
	border: solid 1px #333333;
	color: #F5F5F5;
	font-family: "Segoe UI" , "Trebuchet MS" , Arial, Verdana, Sans-serif;
	font-size: 12px;
	background: #494949; /* IE required bg to avoid white border when page loads (border disappears when focus set */
	padding: 0px;
	background-image: url(/images/button_bg.jpg);
}

.searchOption
{
	font-family: Verdana,Tahoma;
	font-size: 8pt;
	text-align: left;
	color: #666666;
}

.floatFormLeftNarrow
{
	float: left;
	width: 100px;
	margin-right: 15px;
}

.floatFormLeftWide
{
	float: left;
	width: 150px;
	margin-top: 2px; /* helps align text with input boxes */
	margin-right: 15px;
}

.floatFormRight
{
	float: left;
	margin-left: 0px;
	margin-top: 0px; /* FF required this */
	max-width: 425px;
}

.regionThumbGallery, .regionThumbBuddy, .regionThumbPhoto
{
	float: left;
	padding: 5px; /*height:225px;*/
}

.contentThumb, .contentThumbSmall
{
	font-family: "Segoe UI" , "Trebuchet MS" , Arial, Verdana, Sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding: 10px; /*this isn't included in the total width so real width is width PLUS padding */
	text-align: left;
	background: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #b9b9b9;
	overflow: hidden;
	white-space: nowrap;
}

.contentThumb
{
	width: 150px;
	height: 226px;
}

.contentThumbSmall
{
	width: 100px;
	height: 120px;
}

.contentThumb:hover, .contentThumbSmall:hover
{
	border: 1px dotted #FF0066;
	background: #E2E1DC;
}

.contentThumb a, .contentThumbSmall a
{
	display: block;
	height: 100%;
	width: 100%;
	color: #808080;
	text-decoration: none;
}

.contentThumb a:hover, .contentThumbSmall a:hover
{
	color: #FF0066;
}

.contentThumb img
{
	padding: 0px 0px 10px 0px;
	border: none;
	width: 150px;
	height: 150px;
}

.contentThumbSmall img
{
	padding: 0px 0px 10px 0px;
	border: none;
	width: 100px;
	height: 100px;
}

.picBorder, .picThumb, .picThumbFloatLeft, .picThumbSmall, .picThumbLarge
{
}

.picThumb, .picThumbFloatLeft, .picThumbSmall, .picThumbLarge
{
	border-style: solid;
	border-width: 2px !important; /* !important overrides the .Net inline style for img tags of 0px border */
	border-color: #4F4F4F;
	padding: 5px; /*gap between image and border*/
	background-color: #171717; /*color of the gap*/
}

.picBorder, .vidBorder
{
	border-style: solid;
	border-width: 3px !important; /* !important overrides the .Net inline style for img tags of 0px border */
	border-color: #4F4F4F;
	padding: 10px 10px 10px 10px; /*gap between image and border*/
	background-color: #171717; /*color of the gap*/
}

.picThumb
{
	width: 100px;
	height: 100px;
}

.picThumbFloatLeft
{
	float: left;
	margin-right: 5px; /*width: 120px; 	height: 120px;*/
}

.picThumbSmall
{
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 5px;
}

.picThumbLarge
{
	width: 150px;
	height: 150px;
}

ul.thumbListSmall
{
	list-style-type: none;
	display: inline;
	margin-left: 5px;
}

ul.thumbListLarge
{
	list-style-type: none;
	margin-left: 5px;
}

li.thumbLinkNoImgHover, li.thumbLink
{
	display: inline;
}

.thumbLink a, .thumbLinkNoImgHover a
{
	font-family: "Segoe UI" , "Trebuchet MS" , Arial, Verdana, Sans-serif;
	font-size: 12px;
	color: #f82488;
	text-decoration: none;
}


.thumbLink a:hover, .thumbLinkNoImgHover a:hover
{
	/* wakeup IE - without this a:hover img doesn't trigger in IE*/
	color: #f82488;
	text-decoration: underline;
}

.thumbLink a img, .thumbLinkNoImgHover a img
{
}

.thumbLink a:hover img
{
	border: solid 1px #941451;
}



ul.alignUnderCheckbox
{
	margin-top: 0px;
	margin-left: 25px;
	padding-left: 0px; /*FF required to make alignment work*/
	margin-bottom: 0px;
}

ul.noTopMargin
{
	margin-top: 5px;
	margin-left: 25px;
}


a.light
{
	color: #E5E5E5;
}

a.norm, a.bold, a.large, a.none
{
	font-family: "Segoe UI" , Arial, "Trebuchet MS" , Verdana, Sans-serif;
	text-decoration: none;
	color: #f82488;
}

a.norm:hover, a.bold:hover, a.large:hover, a.light:hover
{
	color: #f82488;
	text-decoration: underline;
}

a.norm, a.bold, a.none
{
	font-size: 12px;
}

a.bold
{
	font-weight: bold;
}

a.large
{
	font-size: 16px;
}

a.head
{
	text-decoration: none;
	color: #ffff00;
}

a.head:hover
{
	color: #000000;
}

a.none:hover
{
	text-decoration: none;
}

a.iconTiny img
{
	width:30px;
	height:30px;
	margin: 3px 3px 0px 0px;
	border: none;
}

/* Hides from IE-mac - fixes IE6 peekaboo bug \*/
* html .floatHolder
{
	height: 1%;
}
/* End hide from IE-mac */
a
{
	color: #F82488;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}


/* Form rendering */
div.row
{
	clear: both;
	padding-top: 10px;
	overflow: hidden; /* makes the div enclose the label and formw so that subsequent non-float text/elements appear below the div and it's floats */
}
div.row span.label
{
	float: left;
	width: 150px;
	text-align: right;
	margin-top: 5px; /*lines the text up with the form elements better */
	margin-right: 10px;
}
div.row span.formw, div.row div.formw
{
	float: left;
	text-align: left;
}

/* Thread List */
.rowTL
{
	margin-top: 10px;
	margin-bottom: 10px;
}
.rowTL td
{
	padding-top: 5px;
	border-bottom: solid 1px #222222;
	padding-bottom: 5px;
}

/* Message List */
.MLSubject
{
	font-size: 18px;
}

.MLSubject span#subjectLabel
{
	text-transform: uppercase;
	color: #F82488;
}

div.rowML
{
	clear: both;
	border-bottom: solid 1px #222222;
	padding-bottom: 10px; /* space before bottom border line */
	margin-bottom: 20px; /* space after bottom border line */
	overflow: hidden; /* makes the div enclose the label and formw so that subsequent non-float text/elements appear below the div and it's floats */
	width: 100%; /*  required in IE6 for overflow:hidden to work */
	margin-top: 0px;
}

div.rowML span.detail
{
	float: left;
	width: 110px;
	text-align: right;
}

div.rowML span.detail img
{
	border: 2px solid #C0C0C0;
	width: 100px;
	height: 100px;
	display: block;
	margin-bottom: 2px;
}

div.rowML span.detail a:hover img
{
	border-color: #F82488;
}

div.rowML span.detail a
{
	margin-right: 5px;
	margin-top: 5px;
	font-size: 12px;
}

div.rowML div.msgContent
{
	margin-left: 110px;
}

div.rowML span.msg
{
	display: block;
	text-align: left;
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 30px;
	text-align: justify;
}

div.rowML span.actions
{
	display: block;
	border: solid 1px #3a3a3a;
	color: #999999;
	padding: 5px 10px 5px 10px;
	background-image: url(/images/message_actions_bg.jpg);
	margin-left: 10px;
	margin-right: 25px;
	overflow: hidden;
	width: 490px; /* required in IE6 for overflow:hidden to work. Note this isn't exact, it's just what looks good */
}

div.rowML span.actions a
{
	color: #999999;
}
div.rowML span.actions span.posted
{
	float: left;
}
div.rowML span.actions span.links
{
	float: right;
}


/* Message Center Inbox */

div.rowInbox
{
	clear: both;
	border-bottom: solid 1px #222222;
	padding-bottom: 10px; /* space before bottom border line */
	margin-bottom: 10px; /* space after bottom border line */
	overflow: hidden; /* makes the div enclose the label and formw so that subsequent non-float text/elements appear below the div and it's floats */
	width: 100% /*  required in IE6 for overflow:hidden to work */;
}

div.rowInbox #user
{
	float: left;
	margin-right: 10px;
}

div.rowInbox #user img
{
	border: 2px solid #C0C0C0;
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 2px;
}

div.rowInbox #user a:hover img
{
	border-color: #F82488;
}

div.rowInbox #subject
{
	float: left;
	width: 440px;
	text-align: left;
	clear: right;
	font-size: 16px;
}

div.rowInbox #subject a
{
	display: block;
}

div.rowInbox #stats
{
	color: #999999;
	font-size: 10px;
	font-family: Arial, Verdana, Sans-serif;
	float: left;
	width: 100px;
	margin-right: 20px;
	overflow: hidden;
	white-space: nowrap;
}

div.rowInbox #delete a
{
	float: right;
	font-size: 12px;
	font-family: Arial, Verdana, Sans-serif;
	font-weight: bold;
	color: #F82488;
	margin-top: 20px;
	padding: 3px;
}

div.rowInbox #delete a:hover
{
	color: #000000;
	background-color: #F82488;
	text-decoration: none;
}

table#cart
{
	border-collapse: collapse;
}

table#cart td
{
	border: 1px solid #666666;
	padding: 5px;
	text-align: center;
}

table#cart img
{
	border: 1px solid #666666;
}

table#cart a
{
	font-size: 16px;
	font-family: Arial, Verdana, Sans-serif;
	font-weight: bold;
	color: #F82488;
	padding: 3px;
}

table#cart a:hover
{
	color: #000000;
	background-color: #CC0066;
	text-decoration: none;
}

table#cart .totals
{
	text-align: right;
}


/* Single photo display showPhoto.aspx */
div.photoContainer
{
	width: 600px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

div.photoContainer div#topAll
{
	overflow: hidden;
}

div.photoContainer div#topLeft
{
	float: left;
	margin-bottom: 5px;
}

div.photoContainer div#topRight
{
	float: right;
	margin-bottom: 5px;
}

div.photoContainer div#photo
{
	text-align: center;
	margin-top: 5px;
}

div.photoContainer div#photo img
{
	border-style: solid;
	border-color: #666666;
	border-width: 1px !important;
}

div.photoContainer div#bottomAll
{
	background-image: url(/images/photo_summary_bg.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	margin-top: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

div.photoContainer div#bottomPrev
{
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
}

div.photoContainer div#bottomNext
{
	float: right;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
}

div.photoContainer div#bottomPrev a, div.photoContainer div#bottomNext a
{
	font-size: 14px;
	color: #666666;
}

div.photoContainer div#bottomPrev a:hover, div.photoContainer div#bottomNext a:hover
{
	text-decoration: none;
}

div.photoContainer div#bottomPrev img, div.photoContainer div#bottomNext img
{
	border: 0px;
	margin-bottom: 10px;
}

div.photoContainer div#bottomMiddle
{
	float: left;
	text-align: left;
	width: 440px;
}

div.photoContainer div#bottomMiddle p
{
	margin-top: 0px;
	margin-bottom: 6px;
}

div.photoContainer div#bottomMiddle input[type=button]
{
	border: solid 1px #333333;
	color: #F5F5F5;
	font-family: "Segoe UI" , "Trebuchet MS" , Arial, Verdana, Sans-serif;
	font-size: 14px;
	background: #494949; /* IE required bg to avoid white border when page loads (border disappears when focus set */
	/*padding: 4px;*/
	background-image: url(/images/button_bg.jpg);
	
	-moz-border-radius:3px 3px 3px 3px; 
	padding:2px 15px 2px 15px; 
	-webkit-border-radius:3px 3px 3px 3px;
	
	/*
		background-image:none; 
	background-color:#d1d1d1; 
	border:1px solid #cccccc; 
	color:#333333; 
	font-size:14px; 
	margin:0px 10px 0px 0px; 
	*/
}

div.photoContainer div#bottomMiddle input[type=button]:hover
{
	background-image: url(/images/button_bg_hover.jpg);
}

/*

div.photoContainer div#bottomAll_v2
{
	background-image: url(/images/photo_summary_bg_300.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	margin-top: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

div.photoContainer div#bottomLeft_v2
{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	width: 300px;
	text-align: left;
}

div.photoContainer div#bottomLeft_v2 input
{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	width: 300px;
	text-align: left;
}

div.photoContainer div#bottomRight_v2
{
	float: left;
	width: 300px;
	text-align: center;
}


div.photoContainer div#bottomLeft_v2 p
{
	margin-top: 0px;
	margin-bottom: 6px;
}

*/

div.bgFade
{
	background-image: url(/images/photo_summary_bg.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 12px;
	padding-left: 20px;
}

div.photoContainer div#purchaseAll
{
	background-image: url(/images/photo_summary_bg.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	margin-top: 15px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 20px;
}

div.photoContainer div#purchaseAll input
{
	border-style: outset;
	border-width: 1px;
	border-color: #1F1F1F #333333 #333333 #1F1F1F;
	background-color: #0e0e0e;
	color: #F5F5F5;
	font-family: "Segoe UI" , "Trebuchet MS" , Arial, Verdana, Sans-serif;
	font-size: 12px;
	padding: 2px 2px 2px 2px;
}

div.photoContainer div#purchaseAll select
{
	border-style: solid;
	border-width: 1px;
	border-color: #1F1F1F #333333 #333333 #1F1F1F;
	background-color: #0e0e0e;
	color: #F5F5F5;
	font-family: "Segoe UI" , "Trebuchet MS" , Arial, Verdana, Sans-serif;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
}

/* Uses default button style now
div.photoContainer div#purchaseAll input[type=button]
{
	border: outset 1px #3b3b3b;
	color: #F5F5F5;
	font-family: "Segoe UI" , "Trebuchet MS" , Arial, Verdana, Sans-serif;
	font-size: 12px;
	padding: 2px 2px 2px 2px;
	background-image: url(/images/button_bg.jpg);
}
*/

/* Gallery List Small Thumbnails */
.galleryListSmall
{
	margin-left: 0px; /* removes the ul indent in IE */
	padding-left: 0px; /* removes the ul indent in FF */
	margin-top: 1px;
	margin-bottom: 0px;
	overflow: hidden;
}
.galleryListSmall li
{
	display: block;
	overflow: hidden;
	font-size: 12px;
	margin: 7px 7px 7px 7px;
}
.galleryListSmall li:hover
{
	/*background-color: #E2E1DC;*/
}
.galleryListSmall a
{
	display: block;
	width: 95%;
	height: 100%;
	color: #CCCCCC;
	border: solid 1px #333333;
	padding: 5px;
}
.galleryListSmall a:hover
{
	text-decoration: none;
	color: #F12783;
	border: solid 1px #E10F6D;
}
.galleryListSmall li img
{
	width: 35px;
	height: 35px;
	border-style: none;
	float: left;
	display: inline;
	padding: 2px 8px 2px 2px;
}
.galleryListSmall li span.text
{
}
.galleryListSmall li span.text:hover
{
}
.galleryListSmall li span.text span.l1
{
	text-transform: uppercase;
	color: #F12783;
}

/* Photo List */
.photoList
{
	margin-left: 0px; /* removes the ul indent in IE */
	padding-left: 0px; /* removes the ul indent in FF */
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
}
.photoList li
{
	padding: 2px;
	display: inline;
	float: left;
	margin-top: 4px;
	width: 125px; /* 120px is just enough width to fit [8888 views // 888 msgs] on the 1st line */
	height: 142px;
	overflow: hidden;
	margin-right: 3px;
	margin-left: 4px;
	text-align: center;
}

.photoList li img
{
	border-style: solid;
	border-width: 2px !important; /* !important overrides the .Net inline style for img tags of 0px border */
	border-color: #4F4F4F;
	padding: 5px; /*gap between image and border*/
	background-color: #171717; /*color of the gap*/
}

.photoList li a:hover img
{
	/*border: 1px #FF0066 dashed;*/
	border-color: #E10F6D;
	background-color: #171717;
}

/* Photo Admin List */
.photoAdminList
{
	margin-left: 0px; /* removes the ul indent in IE */
	padding-left: 0px; /* removes the ul indent in FF */
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
}
.photoAdminList li
{
	margin-bottom: 20px;
}

/* Watermark Admin List */
.watermarkAdminList
{
	margin-left: 0px; /* removes the ul indent in IE */
	padding-left: 0px; /* removes the ul indent in FF */
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	width:275px;
}
.watermarkAdminList li
{
	margin-top: 5px;
	display:block;
	overflow:hidden;
	padding-top:5px;
	padding-bottom:20px;
	padding-left: 10px;
	padding-right:5px;
	border: solid 1px #4c4c4c;
	

}
.watermarkAdminList img
{
	float:right;
}
.watermarkAdminList .text
{
	padding-top:5px;
}
.watermarkAdminList .l1
{
	font-size:18px;
	font-weight:bold;
}

/* Photo Summary / Event Summary */
.photoSummary, .eventSummary, .venueSummary
{
	margin-left: 0px; /* removes the ul indent in IE */
	padding-left: 0px; /* removes the ul indent in FF */
	margin-top: 15px;
	margin-bottom: 15px;
	overflow: hidden;
}
.photoSummary li, .eventSummary li, .venueSummary li
{
	/*	display: inline; 	float: left;*/ /*padding: 7px; 	border: 3px #333333 solid; 	background-color: #0F0F0F; */
	padding-top: 15px;
	padding-bottom: 15px;
	overflow: hidden;
	white-space: nowrap;
	border-top: 1px #333333 solid;
	border-bottom: 1px #333333 solid;
}
.photoSummary a, .eventSummary a, .venueSummary a
{
	width: 100%;
	height: 100%;
	color: #F3F3F3;
}
.photoSummary a:hover, .eventSummary a:hover, .venueSummary a:hover
{
	color: #F82488;
}
.photoSummary li img, .eventSummary li img, .venueSummary li img
{
	border-style: none;
	float: left;
	margin-right: 7px;
}

/* Various Lists, NOTE .buddyList is used on the buddy list and user list */
.tiledList, .eventList, .buddyList, .venueList, .galleryList, .videoList
{
	margin-left: 0px; /* removes the ul indent in IE */
	padding-left: 0px; /* removes the ul indent in FF */
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	width: 100%; /* required to force overflow:hidden to work in IE6 */
}

.tiledList li, .eventList li, .buddyList li, .venueList li, .galleryList li
{
	/* total wide = 680px, container width 680px, 5 icons across */
	padding: 0px;
	border: 3px solid #333333;
	background-color: #0F0F0F;
	display: inline;
	float: left;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 5px;
	margin-right: 5px;
	width: 120px; /* height: 161px;*/
	overflow: hidden;
	white-space: nowrap;
	font-size: 12px;
}

.buddyList li
{
	/* total wide = 678px, container width 680px, 6 icons across */
	padding: 0px;
	border: 3px solid #333333;
	background-color: #0F0F0F;
	display: inline;
	float: left;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 4px;
	margin-right: 3px;
	width: 100px; /* height: 161px;*/
	overflow: hidden;
	white-space: nowrap;
	font-size: 12px;
}

.videoList li
{
	/* total wide = 678px, container width 680px, 3 icons across */
	padding: 0px;
	border: 3px solid #333333;
	background-color: #0F0F0F;
	display: inline;
	float: left;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 4px;
	margin-right: 3px;
	width: 213px;
	overflow: hidden;
	white-space: nowrap;
	font-size: 12px;
}

.tiledList li:hover, .eventList li:hover, .buddyList li:hover, .venueList li:hover, .galleryList li:hover, .videoList li:hover
{
	border-color: #E10F6D;
}

.tiledList a, .eventList a, .buddyList a, .venueList a, .galleryList a
{
	display: block;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
}

.tiledList a:hover, .eventList a:hover, .buddyList a:hover, .venueList a:hover, .galleryList a:hover, .videoList a:hover
{
	text-decoration: none;
	color: #FFFFFF;
}

.tiledList li img, .eventList li img, .buddyList li img, .venueList li img, .galleryList li img
{
	width: 120px;
	height: 120px;
	border-style: none;
	display: block;
}

.buddyList li img
{
	width: 100px;
	height: 100px;
	border-style: none;
	display: block;
}

.videoList li img
{
	width: 213px;
	height: 120px;
	border-style: none;
	display: block;
}

.tiledList li span.text, .eventList li span.text, .buddyList li span.text, .venueList li span.text, .galleryList li span.text, .videoList li span.text
{
	border-top: 3px solid #333333;
	padding: 6px;
	display: block;
}

.tiledList li span.text:hover, .eventList li span.text:hover, .buddyList li span.text:hover, .venueList li span.text:hover, .galleryList li span.text:hover, .videoList li span.text:hover
{
	/*border-top: 3px solid #E10F6D;*/ /* center line between the image and text */
}

.tiledList li span.text span.l1, .eventList li span.text span.l1, .buddyList li span.text span.l1, .venueList li span.text span.l1, .galleryList li span.text span.l1, .videoList li span.text span.l1
{
	color: #F12783;
	font-weight: bold;
	text-transform: uppercase;
}

.venueList li.alt
{
	border: 2px solid #333333;
	display: block;
	font-size: 12px;
	margin: 6px 2px 0px 3px;
	width: 195px;
}

.venueList li.alt:hover
{
	border-color: #E10F6D;
}

.venueList li.alt img
{
	width: 35px;
	height: 35px;
	border-style: none;
	float: left;
	display: inline;
	padding: 2px 8px 2px 2px;
}

.venueList li.alt a
{
	display: block;
	width: 95%;
	height: 100%;
	padding: 4px;
}

.venueList li.alt span
{
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer; /* overflow hidden causes cursor to become 'text bar' in IE */
}
.venueList li.alt span.text
{
	border-top: none;
}

/* Pending Buddy List */
.pendingBuddyList
{
	margin-left: 0px; /* removes the ul indent in IE */
	padding-left: 0px; /* removes the ul indent in FF */
	margin-top: 15px;
	margin-bottom: 15px;
	overflow: hidden;
}
.pendingBuddyList li
{
	display: inline;
	float: left;
	padding: 7px;
	border: 3px #333333 solid;
	background-color: #0F0F0F;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 15px;
	margin-left: 15px;
	width: 275px;
}
.pendingBuddyList a
{
	width: 100%;
	height: 100%;
	color: #F3F3F3;
}
.pendingBuddyList a:hover
{
	color: #F82488;
}
.pendingBuddyList li img
{
	border-style: none;
	float: left;
	margin-right: 7px;
}
.pendingBuddyList #buttons
{
	margin-top: 60px;
}


.pendingBuddyList li input[type=button]
{
	/*border: solid 1px #333333;
	color: #F5F5F5;
	font-family: "Segoe UI" , "Trebuchet MS" , Arial, Verdana, Sans-serif;
	font-size: 12px;
	background: #494949;*/ /* IE required bg to avoid white border when page loads (border disappears when focus set */
	/*padding: 2px;
	background-image: url(/images/button_bg.jpg);
	*/
	background-image:none; 
	background-color:#d1d1d1; 
	border:1px solid #cccccc; 
	color:#333333; 
	font-size:12px; 
	margin:0px 10px 0px 0px; 
	-moz-border-radius:4px 4px 4px 4px; 
	padding:2px 7px 2px 7px; 
	-webkit-border-radius:3px 3px 3px 3px;
	 /* right margin gives padding between multiple buttons next to each other */
}

.pendingBuddyList li input[type=button]:hover
{
	background-color:#eeeeee;
}

/* Pending Buddy List Action (Status History) */
.pendingBuddyListActions
{
	margin-top: 15px;
}

/* DataPager Skin */
.getanightlife_container
{
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}

.getanightlife_content
{
	border: 3px solid #333333;
	padding: 5px 15px 5px 15px; /*background-color: #FFFFFF;*/
	color: #808080;
}

.getanightlife_currentPage
{
	text-decoration: underline;
}

.getanightlife_navLink
{
	font-size: 16px;
}

/* Offer List */
.offerList
{
	margin-left: 0px; /* removes the ul indent in IE */
	padding-left: 0px; /* removes the ul indent in FF */
	margin-top: 5px;
	margin-bottom: 15px;
	overflow: hidden;
	width: 100%; /* required to force overflow:hidden to work in IE6 */
}
.offerList li
{
	/* total wide = 680px, container width 680px, 5 icons across */
	padding: 10px;
	border: 1px solid #333333;
	background-color: #0F0F0F;
	display: inline;
	float: left;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 5px;
	margin-right: 5px;
	width: 625px; /* height: 161px;*/
	overflow: hidden;
	white-space: nowrap;
	font-size: 12px;
	font-family: Trebuchet, Tahoma, Arial, sans-serif;
}

.offerList li:hover
{
	background-color: #1c1c1c;
}

.offerList a
{
	width: 100%;
	height: 100%;
	color: #F3F3F3;
}
.offerList a:hover
{
	color: #F82488;
	text-decoration: none;
}
.offerList li img
{
	border-style: none;
	float: left;
	margin-right: 7px;
	float: left;
	display: inline;
	width: 100px;
	height: 100px;
}

.offerList li span.text
{
}
.offerList li span.text:hover
{
}
.offerList li span.text span.l1
{
	text-transform: uppercase;
	color: #f13252;
	font-size: 22px;
	font-weight: normal;
	display: block;
	line-height: 100%;
}
.offerList li span.text span.l2
{
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 22px;
	font-weight: normal;
	display: block;
	line-height: 95%;
	margin-bottom: 18px;
}
.offerList li span.text span.l3
{
	color: #FFFFFF;
	font-size: 12px;
	display: block;
}
.offerList li span.text span.l4
{
	color: #f13252;
	font-size: 12px;
	display: block;
}
.offerList li span.text span.l5
{
	color: #FFFFFF;
	font-size: 8px;
	display: block;
}

.offerList li .link
{
	float: left;
	background: blue;
}
.offerList li a.edit
{
	float: right;
	width: 35px;
	padding: 2px 0px 2px 0px;
	text-align: center;
}
.offerList li a.edit:hover
{
	/*	background-color: #000000;*/
}

/* DataPager Skin */
.GANLSmall_container
{
	margin-top: 10px;
	margin-right: 10px;
	text-align: right;
}

.GANLSmall_content
{
	/*	border: 1px solid #CCCCCC; 	padding: 2px 2px 2px 2px; 	background-color: #FFFFFF;*/
	color: #808080;
}

.GANLSmall_navLink
{
	font-size: 12px;
}

/* Simple Pager More Link */
.pagerMore
{
	margin-top: 0px;
	margin-right: 10px;
	text-align: right;
}