﻿/* --------	reset style -------- */ 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img { 
	border: 0;
}

address,caption,cite,code,dfn,th,var {
	font-style: normal; 
	font-weight: normal;
}
 
ol,ul {
	list-style:none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after { 
	content: ''; 
}

abbr,acronym, img { 
	border:0;
}

html, body{
	height:100%;
}

html{
	background:#f5964e url(/Content/images/site/bg_body.gif) 0 0 repeat-x;
}

body{
    font-size:.75em;
    font-family:Arial, Helvetica, sans-serif;
    color:#6f6f6f;
}

/*If flash player not present JS adds class name to #flashBg*/
.noFlashBg{
	background:url(/Content/images/site/bg_page.jpg) top center no-repeat;
	height:100%;
}

.clearFloats{
	clear:both;
	height:1px;
	overflow:hidden;
}

/*--              Layout              --*/

#flashBg{
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	width:100%;
	z-index:1;
}

#centeredContainer{
	left:50%;
	margin:0 auto 0 -510px;
	position:absolute; 
	top:0;
    width: 1019px;
    z-index:2;
}

#page{	
    width: 1019px;
}

#content{
	background:url(/Content/Images/site/bg_content.png) 0 0 repeat-y;
    padding: 0 24px 0 24px;
    z-index:1;
    width:971px;
}

#contentBg{
	background:url(/Content/images/site/bg_content_right.jpg) 223px 51px no-repeat;
}

#leftContent{
	float:left;
	position:relative;
	width:216px;
}

#rightContent{
	float:right;
	position:relative;
	width:748px;
}

#rightContent .leftColumn{
	float:left;
	padding:5px 0 0 29px;
	width:460px;
}

#rightContent .leftColumnSimple{
	float:left;
	padding:5px 0 0 29px;
	width:690px;
}

#rightContent .leftColumnCalendar{
	float:left;
	padding:5px 0 0 17px;
	width:721px;
}

#rightContent .rightColumn{
	float:right;
	width:249px;
}

#rightContent .rightColumnPadded{
	padding:40px 0 0 0;
}

/****************************************/
/******      General text          ******/
/****************************************/

input, select, textarea{
	color:#57585B;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

.leftColumn ul,
.simpleLeftColumn ul{
	list-style:disc outside;
	margin:0 0 10px 23px;
}


.leftColumn ol,
.simpleLeftColumn ol{
	margin:0 0 10px 23px;
	list-style:decimal;
}

a{
    color: #e80189;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

h1,h2,h3,h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#a1a0a0;
	text-transform:uppercase;
}

h1{
	/*font-size:2.1em;*/
	font-size:2em;
	font-weight:normal;
	margin:0 0 10px 0;
}

h1.bigHeader{
	/*font-size:2.75em;*/
	font-size:2em;
	margin:0 0 20px 0;
}

h2{
	font-size:1.9em;
	font-weight:normal;
	margin:0 0 10px 0;
}

.leftColumn h3{
	font-size:1.5em;
}

.leftColumn h3 .parentLink{
	border-left:2px solid #B1B1B2;
	font-size:0.8em;
	line-height:0.8em;
	margin:0 0 0 5px;
	padding:0 0 0 10px;
	text-transform:none;
}

h4{
	font-size:18px;
}

.linkColor{
	color:#e80189;
}

/*More button*/
a.buttonLink{
	background:transparent url(/Content/images/site/bg_link_left.gif) no-repeat 0 0;
	color:#5d5d5d;
	font-size:10px;
	font-weight:bold;
	float:left;
	text-decoration:none;
	text-transform:uppercase;
	padding:0 0 0 7px;
	display:block;
}

.eventInfo a.buttonLink{
	float:right;
}

.plannerList .eventInfo a.buttonLink,
.plannerList a.iconLink{
	float:left;
}

a.buttonLink .buttonLinkSpan{
	background:transparent url(/Content/images/site/bg_link_right.gif) no-repeat right 0;
	padding:0 7px 0px 0;
	cursor:pointer;
	overflow:hidden;
	display:block;
	float:left;
}

a.buttonLink .buttonLinkSpan span{
	background:#d3d3d3;
	padding:2px 0 0 0;
	height:16px;
	overflow:hidden;
	cursor:pointer;
	display:block;
	float:left;
}

.buttonwrapper{
	overflow: hidden;
	width: 100%;
}

a.buttonLink:hover span.buttonLinkSpan span{
	background:#ec008c;
}

a.buttonLink:hover{
	background-position:0 -22px;
	text-decoration:none;
	color:#fff;
}

a.buttonLink:hover .buttonLinkSpan{
	background-position:right -22px;
}


input.submitButton,
a.submitLink{
	background:url(/Content/images/site/bg_button.gif) 0 0 repeat-x;
	border:solid 1px #ffb3b3;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	padding:2px 4px;
	text-transform:uppercase;
}

a.submitLink{
	padding:3px 6px;
	line-height:21px;
}

a.submitLink:hover{
	text-decoration:none;
}

/*--  Links with icon  --*/

a.iconLink{
	color:#57585b;
	padding:2px 10px 7px 31px;
	font-size:0.9em;
	font-weight:bold;
	float:right;
}

a.addToPlanner{
	background:url(/Content/images/site/icon-clock.gif) no-repeat 0 0;
	color:#ff8c00;
	padding:2px 10px 7px 22px;
}

.buttonwrapper a.addthis_button{
	background:url(/Content/images/site/icon-share.gif) no-repeat 0 0 !important;
	color:#57585B;
	display:block;
	overflow:hidden !important;
    height:13px !important;
    width:58px !important;
    position:relative;
}

.plannerList .buttonwrapper a.addthis_button{
	background:url(/Content/images/site/icon-share.gif) no-repeat -8px 0 !important;
	padding:2px 10px 7px 23px;
}

a.addthis_button img{
	position:relative;
	left:0px;
	top:7px;
}

a.printPage{
	background:url(/Content/images/site/icon-print.gif) no-repeat 0 0;
}

a.addToCalendar{
	background:url(/Content/images/site/icon-calendar.gif) no-repeat 0 0;
}

/*--------------------------------------*/
/*                Header                */
/*--------------------------------------*/

#header{
	background:url(/Content/Images/site/bg_header.png) bottom left no-repeat;
	height:175px;
    position: relative;
    z-index:2;
}

#header h2{
	font-family:Helvetica, Arial, sans-serif;
}

#header a.logo{
	background:url(/Content/images/site/vivacity-logo.png) 0 0 no-repeat;
	display:block;
	height:143px;
	left:24px;	
	overflow:hidden;
	position:absolute;
	top:5px;
	text-indent:-200px;
	width:331px;
}

#headerRight{
	float:right;
    position:relative;
    text-align:right;
    width:650px;
}

h2.siteNavigation{
	display:none;
}

#header a{
	color:#57585b;
}

/*-----  Top navigation  -----*/

ul#topNavigation
{
	position:absolute;
	top:25px;
	right:255px;
	font-size:1.2em;
	font-weight:bold;
}

ul#topNavigation li{
	background:url(/Content/Images/site/bg_top_nav_dot.gif) right no-repeat;
	float:left;
}

ul#topNavigation li.last{
	background:none;
	border-right:none;
}

ul#topNavigation li a{
	color:#fff;
	padding:0 10px 0 5px;
}

/*-----  Primary Navigation  -----*/
ul#menu{
	background:#df0384 url(/Content/images/site/bg_primary_nav.gif) 0 0 repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	height:51px;
	overflow:hidden;
    text-align: left;
    text-transform:uppercase;
}

ul#menu li{
    background:url(/Content/images/site/bg_primary_nav_devider.gif) right 15px no-repeat;
    display: inline;
    float:left;
    list-style: none;
    height:51px;
    overflow:hidden;
    padding: 0 1px 0 0;
}

ul#menu li.last{
	background:none;
	padding:0;
}

ul#menu li a{
    color:#fff;
    float:left;
    height:34px;
    display:block;
    overflow:hidden;
    padding: 17px 10px 0 10px;
    text-decoration:none;
}

ul#menu li.nav_home a{
	padding: 17px 10px 0 23px;
}

ul#menu li.last a{
	 padding: 17px 28px 0 10px;
}

ul#menu li a:hover,
ul#menu li a.selected{
	background:url(/Content/images/site/bg_primary_nav.gif) 0 -51px repeat-x;
}

/*-----  Global search  -----*/

fieldset.globalSearch{
	padding:25px 0 2px 0;
	float:right;
	width:243px;
}

fieldset.globalSearch input{
	float:left;
}

.leftColumn .panel fieldset p{
	margin:0 0 0 0;
}

.gloabalSearch span{
	border:solid 1px #bdbdbd;
}

.planner{
	position:relative;
	margin:15px 25px 0 0;
}

.globalSearch input.globalKeyword{
	background:#f8ebd7;
	border:solid 1px #fff;
	padding:3px 3px 2px 3px;
	width:179px;
}

.globalSearch select{
	width:142px;
}

.globalSearch input.arrowButton{
	border:none;
	height:23px;
	margin:0 0 0 7px;
	position:relative;
	width:24px;
}


/*--- Main Event Drop Down list ---*/

#parentEventSearch{
	position:relative;
	clear:both;
	display:block;
	padding:6px 25px 0 0;
	text-align:left;
	z-index:20;
}

#parentEventSearch h2.mainEvents
{
	background:url(/Content/images/site/bg_main_event_ddl.gif) 0 0 no-repeat;
	font-size:12px;
	float:right;
	height:17px;
	width:213px;
	text-transform:none;
	padding:4px 0 2px 5px;
	margin:0;
	font-weight:normal;
	cursor:pointer;
}

h2.mainEvents{
	color:#6d6d6d;
}

.mainEventsList{
	border:solid 1px #fff;
	background:#f8ebd7;
	display:none;
	position:absolute;
	right:56px;
	top:31px;
	padding:5px 10px;
	z-index:20;
}

.mainEventsList a{
	padding:2px 0;
	display:block;
}


/*Footer*/

#footer{
	background:url(/Content/Images/site/bg_content_bottom.png) top center no-repeat;
    font-size: 1em;
    height:70px;
    overflow:hidden;
    padding: 60px 24px 0 24px;
	width:971px;
}

#footer, #footer a{
	color:#fff;
}

/*Footer new*/

.footerRight{
	float:right;
	margin:10px 0 0 0;
}

.footerRight li{
	border-right:solid 1px #ffffff;
	float:right;
	padding:0 5px;
}

#footer .footerRight li.last{
	border-right:none;
	padding:0 0 0 5px;
}

#footer .footerRight li.powered{
	border-right:none;
	float:none;
	clear:right;
	text-align:right;
	padding:10px 0 0 0;
}

li.powered a{
	text-decoration:underline;
}

.footerLeft{
	float:left;
	position:relative;
	top:5px;
}

.footerLeft li{
	display:inline;
	padding:0 10px 0 0;
}

#footer .footerLeft li.last{
	padding:0 0 0 10px;
}



/*Panels*/

.panel{
	margin-bottom:20px;
}

#leftContent .panel{
	padding:0 15px 0 20px;
}

#leftContent .panel hr{
	border:none;
	border-bottom:solid 1px #eaeaea;
	height:1px;
	margin:0 0 10px 0;
	overflow:hidden;
}

.rightColumn .panel{
	padding:0 20px 0 17px;
	margin:0;
}

.logofPanel{
	text-align:center;
}

.eventBanner, .banner{
	background:none;
	padding:0;
	margin:0 0 15px 0;
	height:350px;
	width:748px;
	overflow:hidden;
	position:relative;
}

.emptyBanner{
	margin:0;
	padding:0 0 20px 0;
}

.bannerMask{
	position:absolute;
	top:0;
	right:0;
	width:748px;
	height:350px;
}

.bannerMask span{
	background:url(/Content/images/site/bg_bannerMask.png) 0 0 no-repeat;
	width:748px;
	height:350px;
	display:block;
}

.eventBanner img,
.banner img{
	max-width:748px;
}

ul.plannerSteps{
	color:#fff;
	font-family:Georgia, Arial;
	font-size:24px;
	left:35px;
	position:absolute;
	top:180px;
	text-transform:uppercase;
}

ul.plannerSteps span{
	color:#ffab00;
	font-size:30px;
}

ul.plannerSteps small{
	font-size:17px;
}

.panel input,
.panel textarea,
.panel select,
.panel p{
	margin: 0 0 10px 0;
}

.panel .rememberMe input{
	margin:0;
}

.panel p{
	line-height:1.1em;
}

.leftColumn .panel fieldset p.rememberMe{
	margin:0 0 10px 0;
}

.panel p.promoTilePara{
	margin:7px 0 0 0;
}

.panel p.actionLinks{
	text-align:right;
	margin:0 0 0 0;
}

.panel h3.devider{
	margin:10px 0;
	padding:10px 0 0 0;
}

/*-- Listing pages --*/
.eventImage{
	float:left;
	overflow:hidden;
	padding:3px 0 10px 0;
	width:112px;
}

.eventImage img{
	width:112px;
}

.eventInfo{
	float:right;
	width:390px;
}

.leftColumnSimple .eventInfo{
	width:560px;
}

.plannerList .eventImage,
.plannerList .eventImage img{
	width:75px;
}

.leftColumnSimple .plannerList .eventInfo{
	width:600px;
}

/*-- Image Gallery --*/

.thumbWrapper{
	display:block;
	float:left;
	margin:0 10px 10px 0;
	width:100px;
}

.thumbWrapper .downloadLink{
	display:block;
	text-align:center;
	padding:2px 0;
	font-size:10px;
}


.rightColumn .panel{
	width:232px;
}

/*-- Event Logo --*/

.rightColumn .eventLogo{
	overflow:hidden;
	width:232px;
}

/*-- White Shaded Tile --*/

.rightColumn .whitePanel{
	background:url(/Content/images/site/bg_right_tile_top.gif) 0 0 no-repeat;
	padding:11px 0 0 0;
}

.whiteBody .header{
	padding:7px 15px 6px 10px;
}

.whiteBody .headerOneLine{
	padding:16px 15px 15px 12px;
}

.whiteBody{
	background:url(/Content/images/site/bg_right_tile_middle.gif) 0 0 repeat-y;
	padding:0 10px;
	width:212px;
}

.whitePanel .bottom{
	background:url(/Content/images/site/bg_right_tile_bottom.gif) 0 0 no-repeat;
	height:20px;
}

.whitePanel .header h2{
	margin:0;
	font-size:1.25em;
	font-weight:bold;
}

.whitePanel h3{
	color:#ff9400;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
}

.whitePanel h3.noIcon{
	padding:15px 0 0 0;
}

.whitePanel p{
	margin:0;
	font-size:0.9em;
	line-height:1.3em;
}

.whitePanel .content{
	overflow:hidden;
	padding:0 15px 5px 8px;
}

.whitePanel .contentNoIcon{
	padding:0 15px 5px 15px;
}

.eventLogo .content{
	text-align:center;
	padding:14px 0 3px 0;
}

.eventLogo img{
	width:185px;
}

.whitePanel h3 a{
	text-decoration:underline;
}

.whitePanel .iconSection{
	padding:18px 0 0 35px;
}

/* Safety tile */

.safetyTile{
	border:solid 1px #eaeaea;
	padding:0 0 15px 0;
}

.safetyTile .header{
	padding:15px 0 6px 7px;
	font-size:15px;
}

.safetyTile h2{
	font-size:15px;
}

.safetyTile p{
	margin:0;
}

.safetyTile strong{
	color:#ff9400;
}

/*grey theme*/

.grayTheme{
	background:#bfbfbf url(/Content/images/site/bg_gray_header.gif) 0 0 repeat-x;
}

.grayTheme h2{
	color:#fffffe;
	font-weight:bold;
}

/*orange theme*/

.orangeTheme .header{
	background:#ffad00 url(/Content/images/site/bg_tile_header_organge.gif) 0 0 repeat-x;
}

.orangeTheme h2{
	color:#fff;
}

.orangeTheme a{
	color:#ff9400;
}

/*-- White Tile Content --*/

.accomodationIcon{
	background:url(/Content/images/site/icon-accomodation.gif) 0 18px no-repeat;
}

.restaurantIcon{
	background:url(/Content/images/site/icon-sydney.gif) 0 18px no-repeat;
}

.transportIcon{
	background:url(/Content/images/site/icon-transport.gif) 0 18px no-repeat;
}

.dealsIcon{
	background:url(/Content/images/site/icon-greatdeals.gif) 0 18px no-repeat;
}

.whenIcon{
	background:url(/Content/images/site/icon-when.gif) 0 18px no-repeat;
}

.websiteIcon{
	background:url(/Content/images/site/icon-www.gif) 0 18px no-repeat;
}

.venueIcon{
	background:url(/Content/images/site/icon-venue.gif) 0 18px no-repeat;
}

.priceIcon{
	background:url(/Content/images/site/icon-price.gif) 0 18px no-repeat;
}

.actionIcon{
	background:url(/Content/images/site/icon-action.gif) 0 18px no-repeat;
	padding:43px 0 0 0;
}

.checkIcon{
	background:url(/Content/images/site/icon-check.gif) 8px 15px no-repeat;
}

#leftContent .checkIcon{
	padding:15px 12px 0px 33px;
}

.whitePanel .actionIcon h3{
	padding:0;
}

p.visitWebsite{
	font-family:Georgia,"Times New Roman",Times,serif;
	margin:10px 0 0 0;
}

p.visitWebsite a{
	text-decoration:underline;
}

/*Homepage Banner*/

.homepageBanner{
	margin:0 0 10px 0;
	height:350px;
	position:relative;
}

.homepageBanner .getPlayer{
	position:absolute;
	bottom:60px;
	right:30px;
}

.getPlayer a{
	color:#fff;
	font-size:16px;
}

/*Parent Events Listing*/
.eventLogoLising{
	float:left;
	margin:0 0 5px 0;
	width:55px;
}

.eventLogoLising img{
	width:55px;
}

.parentEventInfo{
	float:right;
	width:393px;
}

.leftColumnSimple .parentEventInfo{
	width:650px;
}

/*Social Media Panel*/
.socialMediaIcons li{
	float:left;
	margin:0 10px 0 0;
}

.panel .underlined{
	border-bottom:solid 1px #eaeaea;
	padding:0 0 15px;
}

/*RHS Promo Panel*/

.promoPanel h2{
	font-size:1.25em;
	font-weight:bold;
	margin:0;
}

.promoPanel h2 a{
	color:#a1a0a0;
}

.promoPanel h2 a:hover{
	text-decoration:none;
}

.promoPanel h2 a span{
	color:#ff9200;
}

.promoPanel h2 a:hover span{
	color:#e80189 
}

/*Panel Calendar*/

#smallCalendar{
	border-bottom:solid 1px #eaeaea;
	padding:0 0 15px 0;
}

#smallCalendar h2{
	border-bottom:solid 1px #eaeaea;
	padding:0 0 10px 0;
}

#smallCalendar,
table.tbCalendar{
	margin:0 0 17px 0;
	border-collapse:separate;
	border-spacing:2px;
}

#smallCalendar input{
	float:left;
	width:130px;
}

#smallCalendar input.submitButton{
	float:right;
	width:40px;
}

.panel .tbCalendar caption{
	padding:0 0 5px 0;
}

.tbCalendar caption a{
	font-size:15px;
	text-decoration:none;
	font-weight:bold;
	position:relative;
	padding:0 5px;
}

table.tbCalendar th{
	color:#909090;
	font-weight:bold;
	padding:3px 5px 3px 0;
	text-align:center;
}

table.tbCalendar td{
	background:#d3d3d3;
	border:solid 1px #bbbbbb;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	height:23px;
	width:23px;
	line-height:16px;
	padding:0;
	text-align:center;
	vertical-align:middle;
}

.tbCalendar td.today,
.tbCalendar td.selected{
	background:#9f1f63;
	border:solid 1px #650036;
}

.tbCalendar td.today a{
	background:none;
}

.tbCalendar td a{
	background:#ec008c;
	color:#fff;
	display:block;
	font-weight:bold;
	padding:3px 0 2px 0;
}
.tbCalendar td a:hover{
	background:none;
	text-decoration:none;
}

/*--  keyword Search  --*/

.keywordSearch label{
	margin:0 0 10px;
}

.keywordSearch .seeAll a{
	color:#6f6f6f;
	font-size:11px;
	text-decoration:underline;
}

.keywordSearch p.seeAll{
	margin:0;
}

/*--  Form Elements   --*/

fieldset{
    margin: 0;
    padding: 0;
    border:none;
}

fieldset label{
    display: block;
    padding:0 0 2px 0;
}

fieldset label.inline {
    display: inline;
}

input.textInput {
    background:#fff url(/Content/Images/site/bg_form_element.gif);
    border: 1px solid #d0d0d0;
    color:#6d6d6d;
    font-size:13px;
    padding:2px 3px;
}

textarea{
	background:#fff url(/Content/Images/site/bg_form_element.gif);
	border: 1px solid #d0d0d0;
	color:#6d6d6d;
	padding:2px 3px;
}

select{
	background:#fff url(/Content/Images/site/bg_form_element.gif);
	border: 1px solid #d0d0d0;
	color:#6d6d6d;
    font-size:13px;
    padding:1px 1px 1px 3px;
}

.mainForm input.textInput,
.mainForm textarea{
	width:350px;
}

/*-- MISC --*/
.error
{
    color:Red;
}

.field-validation-error
{
    color: #EC008C;
}

.input-validation-error,
input.input-validation-error{
    border: 1px solid #EC008C;
}

.validation-summary-errors{
    color: #EC008C;
    margin:0 0 10px 0;
}

/*************************************/
/*     planner & calendar modal      */
/*************************************/

.modalOverflow{
	overflow:auto;
	width:485px;
	height:350px;
}

.addToPlannerNav
{
	padding:10px 0 0 0;
}

/*************************************/
/*****    microformat calendar    ****/
/*************************************/

.modalDate{
	float:left;
}

.rowItemDate .modalDate{
	position:relative;
	top:6px;
}

.rowItem{
	padding:0 0 5px 0;
}

.vevent{
	height:25px;
	overflow:hidden;
}

ul.iwmf_netBar{
	overflow:hidden;
	width:140px;
	float:right;
}

.iwmf_netBar li{
	float:left;
}

.iwmf_netBar li a:link,
.iwmf_netBar li a{
	display:block;
	height:21px;
	float:left;
	text-indent:-5000px;
	width:21px;
	padding:5px;
	border:none;
}

.iwmf_iconOutlook a:link,
.iwmf_iconOutlook a{
	background:transparent url(/content/images/site/icon-outlook.gif) no-repeat center;
}

.iwmf_iconLive a:link,
.iwmf_iconLive a{
	background:transparent url(/content/images/site/icon-live.gif) no-repeat center;
}

.iwmf_iconGoogle a:link,
.iwmf_iconGoogle a{
	background:transparent url(/content/images/site/icon-google.gif) no-repeat center;
}

.iwmf_iconYahoo a:link,
.iwmf_iconYahoo a{
	background:transparent url(/content/images/site/icon-yahoo.gif) no-repeat center;
}

.iwmf_iconApple a:link,
.iwmf_iconApple a{
	background:url('/content/images/site/icon-apple.gif') no-repeat center;
}

.iwmf_icon30b,
.iwmf_icon30b a:link,
.iwmf_icon30b a,
.iwmf_iconLive,
.iwmf_iconLive a,
.iwmf_iconLive a:link{
	display:none;
}

/*Google dialog*/

.ui-dialog .ui-dialog-content{
	padding:15px 0 15px 15px;
}

.ui-widget-overlay{
	background-image:none;
}

.dialogContent{
	padding:0 15px 0 0;
}

#modalContent{
	position:relative;
	height:380px;
	width:670px;
}

#map_canvas{
	height:380px;
	width:670px;
	overflow:hidden;
}

/*Google mini*/
.googleDescription{
	margin-bottom:20px;
}

/*E-Card Dialog*/

.eCards li{
	display:inline;
	float:left;
	height:145px;
	width:100px;
	margin:0 20px 20px 0;
	position:relative;
}

.eCards li img{
	border:solid 1px #cccccc;
}

.eCards li label{
	position:absolute;
	top: 107px;
	left: 20px;
	width:54px;
}

.eCards li input{
	position:absolute;
	top: 110px;
	left: 0px;
}

.eCardForm fieldset{
	margin:0 0 20px 0;
}

.modalNavigation{
	height:30px;
}

.modalNavigation{
	padding:0 10px 0 0;
}

.modalNavigation li{
	float:right;
	margin:0 0 0 10px;
}

.ui-widget-content .modalNavigation a{
	color:#fff;
}

.ui-widget-content .modalNavigation a:hover{
	color:#000;
}

.formTable td{
	padding:0 10px 5px 0;
	vertical-align:top;
}

.formTable textarea{
	height:80px;
	width:420px;
}

.eCardContent,
.modalFormContent{
	padding:10px 15px 0 9px;
}

.formTable .subjectLine input{
	width:420px;
}

.relCelWrapper{
	position:relative;
}

.relCelWrapper .remove{
	font-family:Verdana;
	position:absolute;
	right:-15px;
	top:3px;
}

/*Subscription*/
div.thankYou{
    display:none;
}

/* CMS */

.editable{
	border:dotted 1px #666;
	padding:5px;
}

.editableContainer{
	position:relative;
}

.outlineElement{      
	background-color:#fef1f0;
    cursor:pointer;
    padding:5px;
}

.editableContainer .icon{
	position:absolute;
	top:-36px;
	right:0px;
	height:38px;
	width:38px;
}

.editableContainer .icon span{
	background:url(/Content/images/site/icon-edit.png) 0 0 no-repeat;
	display:block;
	height:38px;
	width:38px;
}

/*tabs navigation*/
.tabMenu{
	background:url(/Content/images/site/bg_tabs.gif) bottom left no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:bold;
	height:38px;
	padding:24px 0 0 0;
	position:relative;
	top:-10px;
	text-transform:uppercase;
	/*width:475px;*/
}

.leftColumn .tabMenu,
.leftColumnSimple .tabMenu,
#rightContent .tabMenu{
	margin:0 0 18px 0;
	list-style:none;
}

.tabMenu li{
	float:left; 
	display:inline;
	height:30px;
	padding:6px 0 0 0;
	margin:0 2px 0 0;
}

.tabMenu li a{
	background:#fff;
	color:#b4b4b4;
	display:block;
	float:left;
	height:21px;
	overflow:hidden;
	padding:9px 12px 0px 12px;
}

.tabMenu li a:hover{
	text-decoration:none;
	color:#6F6F6F;
}

.tabMenu li.selected{
	background:#fff;
	height:32px;
}

.tabMenu li.selected a{
	background-position:right -23px;
	color:#6F6F6F;
}

/*Planner Promo Tile Homepage*/

.plannerPromo{
	margin:0 0 0 26px
}

/*Planner Calendar*/

.plannerCalendar{
	background:#f4f4f4 url(/Content/images/site/bg_calendarBottom.gif) no-repeat right bottom;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:20px 10px 40px 10px;
	width:700px;
}

.plannerCalendar h2{
	color:#484848;
	font-size:1.65em;
	padding:0 0 0 7px
}

.plannerCalendar h2,
.plannerList h2{
	float:left;
	margin:3px 0 10px 0;
	width:200px;
}

.plannerCalendar th{
	font-size:12px;
	padding:5px 7px;
	font-weight:bold;
	color:#8c8c8c;
}

.plannerCalendar td{
	background:#fff url(/Content/images/site/bg_plannerDay.gif) 0 0 repeat-y;
	color:#484848;
	overflow:hidden;
	vertical-align:top;
	width:100px;
}

.plannerCalendar td.otherMonth{
	background:#fde5f3 url(/Content/images/site/bg_plannerDay.gif) 0 0 repeat-y;
}

.plannerCalendar .day{
	background:url(/Content/images/site/bg_plannerDay_top.gif) 0 0 no-repeat;
	font-size:16px;
	font-weight:bold;
	display:block;
	padding:2px 5px 0 7px;
}

.cellwrapper{
	background:url(/Content/images/site/bg_plannerDay_bottom.gif) left bottom no-repeat;
	padding:0 2px 10px 0;
	width:98px;
}

.cellwrapper .event{
	overflow:hidden;
	_word-wrap:break-word;
	width:97px;
}

.plannerCalendar .event .day,
.plannerCalendar .event a{
	color:#E80189;
}

.plannerCalendar td a{
	display:block;
	padding:5px 5px 0 5px;
	font-size:11px;
}

.plannerCalendar td a.cal-bin{
	height:15px;
	width:13px;
}

.leftColumn .calendarNavigation{
	text-align:right;
	height:35px;
	float:right;
	overflow:hidden;
	margin:5px 0 0 23px
	
}

.calendarNavigation li{
	display:inline;
	margin:0 0 0 10px;
	float:right;
}

#tooltip {
	color:#ec008c;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	height:33px;
	position: absolute;
	width:145px;
	z-index: 3000;
}

#tooltip .bg{
	background:url(/Content/images/site/bg_tooltip.png) 0 0 no-repeat;
	display:block;
	height:28px;
	padding:7px 0 0 5px;
	text-align:center;
	width:145px;
}

#tooltip h3, 
#tooltip div{
	margin: 0; 
}

