/*
 * 
 * The Savvy Bride
 * JJohnson | E-dreamz 2009
 * 
 */

 body{
 	background: url(../images/bg_pageTile.gif) left top;
	margin-top: 35px;
	color: #615F5A; 
 }
 
 /* admin content */
	.adminContent{padding: 0 10px 15px 0;line-height: 22px; min-height: 480px; }
	.adminContent h1{font-size: 22px; margin-bottom: 15px;}
	.adminContent h2{font-size: 16px; border-bottom: 1px solid #e28cb9; margin-bottom: 8px; color: #e50c7d; margin-right: 10px;}
	.adminContent h2.formheader{color: #615F5A; font-size: 14px;}
	.adminContent ul{padding-left: 22px;}
	.adminContent ul li{background: url(../images/icon_pinkstar2.gif) no-repeat left top; padding-left: 18px; list-style:none;}
	.adminContent a{color: #e50c7d; font-weight: bold;}
	a{color: #e50c7d;}
	.adminContent img{margin: 4px; background: #fff; border: 1px solid #ccc; padding: 3px; border-right-color: #888; border-bottom-color: #888;}
	.adminContent img.clean{margin: 0; border: none; background: none; padding: 0;}
	.adminContent img.resource{float: right; margin: 5px; border: none; background:none; padding: 3px;}
	.adminContent img.noborder{float: right; border: none; background:none; padding: 3px;}
	
	#wrapper .pink, #wrapper a.pink{color: #e50c7d;}
	a.pink:hover{color: #000;}
	
	.star{background: url(../images/icon_pinkstar.gif) no-repeat left center; padding-left: 15px;}
	.approved {color: #e50c7d; font-weight: bold;}

 .brideSiteHeader{font-weight: bold; font-size: 14px;  margin-bottom: 8px; margin-right: 10px;}
 
 #wrapper{width: 910px; margin: 0 auto; position: relative;}
 .leftCurl{position: absolute;  top: -8px; left: -134px; width: 148px; height: 685px; background: url(../images/bg_leftcurl.gif) no-repeat left top;} 
 .rightCurl{position: absolute; right: -89px; bottom: 0; width: 96px; height: 458px; background: url(../images/bg_rightCurl.gif) no-repeat left top;}
 .ftCurl{position: absolute; right:-79px; bottom: -70px; width: 624px; height:139px; background: url(../images/bg_ftCurl.gif) no-repeat left top;} 
 
 #professionalTools, #bridalTools{background: #6f6a67; color: #fff; position: absolute; left: 0; top: 0; width: 100%; padding: 6px 0;  z-index: 995; }
 #professionalTools a, #bridalTools a{color: #fff;}
 #professionalTools a:hover, #bridalTools a:hover{color: #1F1E1D; text-decoration:none;}
 .toolList{margin: 0 auto; padding: 0; width: 960px; padding-left: 55px;}
 .toolList li{list-style:none; display:inline; font-size: 11px; padding-right: 5px; border-right: 1px solid #ccc; padding-left: 4px;}
  
  #bridalTools .toolList{padding-left: 55px;}
  #bridalTools .toolList li{font-size: 10px;}
  
  /*front end admin*/
 #assigned{width: 95%; margin: 10px auto;}
 #assigned td{background: #eee; padding: 5px;}
 #assigned .trDark td{background: #ccc;}
 #assigned th{background: #333; color: #fff; padding: 5px;}
 .assignedHeader{font-weight: normal; font-size: 14px; margin: 5px 0; border-bottom: 1px solid #ccc;}
  
 #hd{position: relative; height: 130px; background: url(../images/bg_header.gif) no-repeat left top;}
 #hd span{background: url(../images/logo_web.gif) no-repeat left top; width: 200px; height: 65px; position: absolute; left: 25px; top: 25px; display: block;}
 #hd span a{display: block; width: 200px; height: 65px; top: 0; left: 0; position: absolute; text-indent: -99999em;}

 .topNav{ font-size: 11px; position: absolute; right: 25px; top: 50px;}
 .topNav li{display: inline; padding-left: 18px;}
 .topNav a{color: #67645e;}
 .topNav a:hover{color: #e50c7d; text-decoration: none;}
 .topNav a.selected{color: #e50c7d; font-weight: bold;}
 
 .midNav{position: absolute; right: 15px; top: 70px;}
 .midNav li{float: left; font-size: 11px; list-style:none; padding:0;}
 .midNav a{background: url(../images/nav/project.gif) no-repeat left top; margin-top: 0; float: left; text-indent: -99999em; display: block; height: 25px; width:250px; margin-right:6px;}
 .midNav a:hover, .midNav a.selected{background-position:-250px 0;}
 /*.midNav #bride a{background: url(../images/nav/imabride.gif) no-repeat left top; width:103px; }
 .midNav #pro a{background: url(../images/nav/imapro.gif) no-repeat left top; width:150px;  }
 .midNav #friends a{background: url(../images/nav/friendsfam.gif) no-repeat left top; width:137px;  }
 */
 
 #navBar{position: absolute; top: 95px; left: 15px;}
 
 #videoController{float:left; margin-bottom:11px;}
 #videoPanel{height: 334px;}
 
  .left280, .right280{width: 280px; float: left;}
 .left590, .right590{width: 590px; float: left;}
 .right280, .right590{float: right;}
 .left290, .right290{width: 290px; float: left;}
 .right290{float: right;}
 
 .left420,.right420{width: 410px; float: left;}
 .left420{margin-right: 20px;}
 .right420{float: right;}
 
 #fttrend .cover{display: block;  position: relative; color: #fff; font-size: 14px;}
 #fttrend .cover:hover{color: #e50c7d; text-decoration:none;}
 #fttrend span{display: block;  background: url(../images/captionbg.png); position: absolute; left: 0; bottom: 0; padding: 10px;}
 
 .left280 h2, h2.pinkdash{background: url(../images/icon_1pxpinkdash.gif) repeat-x left bottom; padding-bottom: 6px; margin-right: 2px;}
 
 #forgotPro, #forgotBride{display: none;}
 #forgotPro p, #forgotBride p{font-size: 11px; margin-bottom: -10px; padding-bottom: 0;}
 
 #artactions {position:relative; top:5px; width:338px; height:16px;}
 #artlist {margin: 0; padding: 0; height: 16px; list-style: none; display: inline; overflow: hidden;}
 
 #webactions {position:relative; top:5px; width:338px; height:16px;}
 #weblist {margin: 0; padding: 0; height: 16px; list-style: none; display: inline; overflow: hidden;}
 
 #joinright {position:relative; left:290px; width: 270px; text-align: center;}
 #joinleft {position:absolute; width: 280px;}
 #joinleft .adminContent{padding: 0 10px 15px 0;line-height: 22px; width: 280px;}
 
 #readArt {position:absolute; display: block; width: 89px; height: 16px; background: url(../images/buttons/btn_readarticle.gif) no-repeat 0 0; text-indent: -99999em; }
 #readArt a{display: block; position: absolute; left: 0; top: 0; width: 89px; height: 16px;}
 #readArt:hover {background: url(../images/buttons/btn_readarticle_o.gif) no-repeat 0 0;}

 #downloadArt{position:absolute; display: block; width: 89px; height: 16px; background: url(../images/buttons/btn_download.gif) no-repeat 0 0; text-indent: -99999em; }
 #downloadArt a{display: block; position: absolute; left: 0; top: 0; width: 89px; height: 16px;}
 #downloadArt:hover {background: url(../images/buttons/btn_download_o.gif) no-repeat 0 0;}
 
 #visitArt{position:absolute; display: block; width: 89px; height: 16px; background: url(../images/buttons/btn_visit.gif) no-repeat 0 0; text-indent: -99999em; }
 #visitArt a{display: block; position: absolute; left: 0; top: 0; width: 89px; height: 16px;}
 #visitArt:hover {background: url(../images/buttons/btn_visit_o.gif) no-repeat 0 0;}

 #saveArt {position:absolute; left:104px; display: block; width: 145px; height: 16px; background: url(../images/buttons/btn_savefile.gif) no-repeat 0 0; text-indent: -99999em; }
 #saveArt a{display: block; position: absolute; left: 0; top: 0; width: 145px; height: 16px;}
 #saveArt:hover {background: url(../images/buttons/btn_savefile_o.gif) no-repeat 0 0;}

 #emailArt {position:absolute; left:264px; display: block; width: 74px; height: 16px; background: url(../images/buttons/btn_emailnow.gif) no-repeat 0 0; text-indent: -99999em; }
 #emailArt a{display: block; position: absolute; left: 0; top: 0; width: 74px; height: 16px;}
 #emailArt:hover {background: url(../images/buttons/btn_emailnow_o.gif) no-repeat 0 0;}
 
 #qactions {position:relative; top:5px; width:176px; height:16px;}
 #qlist {margin: 0; padding: 0; height: 16px; list-style: none; display: inline; overflow: hidden;}
 
 #saveWp {position:absolute; display: block; width: 176px; height: 16px; background: url(../images/buttons/btn_savewp.gif) no-repeat 0 0; text-indent: -99999em; }
 #saveWp a{display: block; position: absolute; left: 0; top: 0; width: 176px; height: 16px;}
 #saveWp:hover {background: url(../images/buttons/btn_savewp_o.gif) no-repeat 0 0;}
 
 #saveWp2 {position:absolute; left:89px; display: block; width: 176px; height: 16px; background: url(../images/buttons/btn_savewp.gif) no-repeat 0 0; text-indent: -99999em; }
 #saveWp2 a{display: block; position: absolute; left: 0; top: 0; width: 176px; height: 16px;}
 #saveWp2:hover {background: url(../images/buttons/btn_savewp_o.gif) no-repeat 0 0;}
 
 a.savewebisode {float:right; display:block; width:176px; height:16px; margin:5px -10px 0 0; background: url(../images/buttons/btn_savewp.gif) no-repeat 0 0; text-indent: -99999em;}
 a.savewebisode:hover {background: url(../images/buttons/btn_savewp_o.gif) no-repeat 0 0;}
 
 #playVideo {position:absolute; display: block; width: 74px; height: 16px; background: url(../images/buttons/btn_play.gif) no-repeat 0 0; text-indent: -99999em; }
 #playVideo a{display: block; position: absolute; left: 0; top: 0; width: 74px; height: 16px;}
 #playVideo:hover {background: url(../images/buttons/btn_play_o.gif) no-repeat 0 0;}
 
 #cornerAd{width: 145px; height: 145px; z-index: 996; position: absolute; right: 0; top: 0; background: url(../images/contests/cornerIcon.gif) no-repeat left top;}
 #cornerAd a{display: block;   width: 75px; height: 75px; text-indent: -99999em;  text-indent: -99999em; position: absolute; right: 0; top: 0;}

 #content{padding: 0 15px 10px 15px; background: url(../images/bg_contentTile.gif) repeat-y left top;}
 
 #brideProCnt{padding: 10px 4px 4px 4px;}
 .bridePro{width: 145px; height: 120px;  float: left; position: relative;}
 .bridePro .overlay{position: absolute; left: 0; top: 0;}
 .bridePro .links{background: url(../images/tileOverlay.png) no-repeat left top; position: absolute; left: 5px; bottom: 20px; font-size: 10px;  font-weight: bold; padding: 5px;}
 .bridePro .links a{color: #333;}
 
 #ft{position: relative; background: url(../images/bg_footer.gif) no-repeat left bottom; width: 910px; margin: 0 auto; padding-top: 0; height: 65px; text-align: center;}
 .ftNav{position: absolute; left: 35px; top: 0; z-index: 500;}
 #ft ul{list-style:none; border-top: 1px solid #3d3d3d; border-bottom: 1px solid #3d3d3d; padding: 4px 0; margin: 0 15px;}
 #ft li{display: inline; font-size: 11px; color: #3d3d3d; padding-right: 8px;}
 #ft li a{ border-left: 1px solid #3d3d3d; color: #3d3d3d; padding-left: 8px;}
 #ft li a:hover{color: #e50c7d; text-decoration: none;}
 
 
 
 /* ctas */
 .cta{margin-bottom: 12px;}
 .submitstory{background: url(../images/cta/submitstory.jpg) no-repeat right top; width: 289px; height:152px;}
 .submitstory a{width: 289px; height: 152px; display: block; text-indent: -99999em;}
 /*.eventpro{background: url(../images/cta/eventpros.jpg) no-repeat left top; width: 289px; height:152px; position: relative;}
 	.eventpro a{display: block; position: absolute; height: 15px;  text-indent: -99999em;}
 	.eventpro .viewPros{width: 100px; top: 55px; left: 10px;}
	.eventpro .viewArt{width: 100px; top: 75px; left: 10px;}*/
 .feat-location{padding: 10px 0;}
 .feat-location select{width: 280px; font-size: 12px; color: #615f5a; padding: 3px;}
 #featureStoryList dl dt{font-weight: bold;}
 #featureStoryList dl dd{color: #9d9d9d; font-size: 11px; padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #ccc;}
 #featureStoryList dl dd.noborder{border:none;}
 #featureStoryList dl a{color: #615f5a; font-weight: bold;}
 #featureStoryList dl a:hover{color: #e50c7d; text-decoration:none;}

 .needtoknow{background: url(../images/cta/needtoknow.jpg); top:250px; width: 280px; height:105px;}
 .needtoknow a{width: 280px; height: 105px; display: block; text-indent: -99999em;}
 .listonsavvy{background: url(../images/cta/listonsavvy.jpg) no-repeat right top; width: 280px; height:56px;}
 .listonsavvy a{width: 280px; height: 56px; display: block; text-indent: -99999em; top: 5px;}
 .recommendapro{background: url(../images/cta/recommendapro.jpg) no-repeat right top; width: 280px; height:61px;}
 .recommendapro a{width: 280px; height: 61px; display: block; text-indent: -99999em;}

 .login{padding-left: 25px;}
 .login .input{width: 215px; padding: 4px; font-weight: bold; font-size: 14px;} 
 
 .sponsored{border: 1px solid #6a645f;}
 .sponsored h4{color: #fff; background: #6a645f; font-size: 14px; padding: 5px;}
 
 .resources .item{border-bottom: 1px solid #ccc; padding-bottom: 10px; margin: 8px;}
 .resources .item.noborder{border:none;}
 .resources .item .graphic{width: 125px; float: left;}
 .resources .item .graphic img{margin: 0;}
 .resources .item .graphic .videoThumb{margin-top: 15px;}
 .resources .desc{font-size: 11px; color: #9d9d9d; line-height: 15px; padding-top: 6px; width: 440px; float: right;}
 .resources .desc.nophoto{width: 565px; float:none;}
 .resources .desc h5{font-size: 13px; color: #615f5a;}
 .resources .desc ul{margin: 0; padding: 0;}
 .resources .desc ul li{background: none; padding: 0 25px 0 0; display: inline;}
 .resources .desc ul li a{color: #615f5a;}
 .resources .desc ul li a:hover{color: #e50c7d; text-decoration:none;}
 
 .resourceFilter{background: #e50c7d; padding: 10px 8px 8px 8px; margin: 0 0 15px 0; text-align: right;}
 .resourceFilter .message{color: #fff; font-size: 14px; font-weight: bold; margin-right: 10px;}
 .resourceFilter select{font-size: 11px; padding: 2px; margin-top: -5px;}
 
 .videoTitle{font-size: 14px; padding: 10px 0 5px 0;}
 
.checkboxList{margin: 5px 0 0 0; padding: 0;}
.checkboxList label{font-weight: normal; list-style:none;}
.checkboxList li{list-style:none; margin-left: 5px; padding: 2px 0;}
 
 /* subnav */
 #subnav ul{margin-bottom:12px; padding: 0;}
 #subnav li{list-style:none; margin-bottom: 1px;}
 #subnav li a{background: #65625e; display: block; color: #fff; padding: 6px 20px; text-transform: uppercase; font-size: 12px;}
 #subnav li a:hover{background: #A39D9A; text-decoration:none;}
 #subnav li a:active, #subnav li a.selected{background: #E50C7D; font-weight: bold;}
 #subnav li a:active{font-weight: normal;}
 
 #subnav li ul{border-left: 1px solid #65625e; border-right: 1px solid #65625e; margin-bottom: -1px;}
 #subnav li ul li{font-size: 11px; text-transform:uppercase; font-weight: bold; border-bottom: 1px solid #65625e; margin: 0;}
 #subnav li ul li a{background: none;  color: #65625e; padding: 2px 20px; height: 14px;}
 #subnav li ul li a.selected{color: #E50C7D; background: none;}
 
 
 /* navigation */

 #nav {
	margin: 0;
	padding: 0;
	height: 25px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 25px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:25px; /* for IE5/Win only */
	border-left: 1px solid #fff;
	}
	
#nav a:hover {
	background-position: 0 -25px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -50px;
	}
	
#nav #localevent a  {width: 241px; background-image: url(/images/nav/localevent.gif); border-left: none;}
#nav #mywedding a  {width: 181px; background-image: url(/images/nav/mywedding.gif);}
#nav #resources a  {width: 160px; background-image: url(/images/nav/resources.gif);}	
#nav #savvq a  {width: 108px; background-image: url(/images/nav/savvyq.gif);}
#nav #webisodes a  {width: 98px; background-image: url(/images/nav/webisodes.gif);}
#nav #blog a  {width: 87px; background-image: url(/images/nav/blog.gif);}

/* IF 'NOT A BRIDE' IS ADDED BACK IN, USE OLD NAV */
/*#nav #localevent a  {width: 191px; background-image: url(/images/nav/localevent.gif); border-left: none;}
#nav #mywedding a  {width: 163px; background-image: url(/images/nav/mywedding.gif);}
#nav #notabride a  {width: 110px; background-image: url(/images/nav/notabride.gif);}
#nav #resources a  {width: 137px; background-image: url(/images/nav/resources.gif);}	
#nav #savvq a  {width: 88px; background-image: url(/images/nav/savvyq.gif);}
#nav #webisodes a  {width: 101px; background-image: url(/images/nav/webisodes.gif);}
#nav #blog a  {width: 84px; background-image: url(/images/nav/blog.gif);}
/*

/*
 *
 * Layout / Form
 *
 */

  .formtop{ background: url(/images/form-bg-top.png) top left no-repeat;}
  .form{ padding: 5px 5px 50px 5px; color: #333333; background: url(/images/form-bg.png) bottom left no-repeat; width: 460px; margin:0 auto;}
	.formRow{ margin-top: 10px;}

	.formItem { width: 210px; float: left;}
	.formItem .textfield{ width: 200px;}
	.formItem .textfield-small{ width: 50px;}
	.formItem .dropdown{ height: 23px;}
	
	.formItemSmall{ width: 40px; float: left;}
	.formItemSmall .textfield{ width: 30px;}
	
	.formItemLong { width: 450px; float: left;}
	.formItemLong .textfield{ width: 450px;}
	.formItemLong .textfield2{ width: 200px;}
	.formItemLong .textfield-small{ width: 50px;}
	.formItemLong .textarea { width: 450px;}
	.formItemLong .dropdown{ height: 23px;}
	
	.city{ width: 210px; float: left;}
	.city .textfield{ width: 200px;}
	
	.state{ width: 40px; float: left;}
	.state .dropdown{ height: 23px;}
	
	.zipcode{ width: 50px; float: left; margin-left:10px;}
	.zipcode .textfield{ width: 50px;}
	
	.phone{ width: 210px; float: left;}
	.phone .textfield{ width: 30px;}
	.phone .textfield2{ width: 35px;}
	
	
/*
 * 	Savvy Scrolls
 * 
 */	

 
 /* outmost wrapper element, containing all elements  */
#scrollable {
	width:590px;
	height:39px;
	margin-bottom: 10px;
	margin-top: 1px;
}

#videoList{width: 591px; position: relative; overflow: hidden; height: 39px; margin: 1px 0 10px 0;}
a.prev{position: absolute; left: 0; top: 0;  z-index: 900;}
a.next{position: absolute; right: 0; top: 0; z-index: 900; 	border-left: 2px solid #fff;}


/* container for the scrollable items */
div.items {
	height:39px;	
	margin-left:1px;
	margin-right: 1px;
	float:left;
	position: absolute; 
	left: 23px;
	top: 0;
	width: 590px;
}


/* single item */
div.items a {
	display:block;
	float:left;
	margin-right:1px;
	height:39px;
	width: 185px; 
	border-right: 1px solid #fff;
	background:url(/images/bg_scroll.gif) 0 0 repeat-x;
	color:#fff;
	text-decoration:none;
	padding: 5px;
	font-size: 13px;
}

div.items a span{width: 120px;display: block; font-size: 11px;}

div.items a:hover {
	background-position: 0 -39px;	
}

div.items a.active {
	background-position:0 -39px;		
}


/* next / prev buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	background:url(/images/btn_leftscroll.gif) no-repeat 0 0;
	display:block;
	width:22px;
	height:39px;
	float:left;	
	margin: 0;
	cursor:pointer;
}

a.next{width: 20px;}

a.next, a.nextPage {
	background-image:url(/images/btn_rightscroll.gif)		
}


a.prev:hover, a.prevPage:hover {
	background-position:0 -39px;		
}

a.next:hover, a.nextPage:hover {
	background-position:0 -39px;		
}

a.prev.disabled{background-position:0 -39px;	}
a.next.disabled{background-position:0 -39px;	}

#tab-container{}
#tab-container table{margin: 0px;}
#tab-content{margin:0 10px 10px 10px;}

/*
Default style definitions for:

Uploadify v1.6.2
Copyright (C) 2009 by Ronnie Garcia
Co-developed by Travis Nickels
*/
.fileUploadQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	background-color: #F5F5F5;
	border: 3px solid #E5E5E5;
	margin-top: 5px;
	padding: 10px;
	width: 300px;
}
.fileUploadQueueItem .cancel {
	float: right;
}
.fileUploadProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.fileUploadProgressBar {
	background-color: #0099FF;
}