/* Start -- Override main rules for this templates */
#content {
    padding-top: 0 !important;
}

#main p.df_note {
    width: 300px;
    float: left;
}

#main p.df_tip {
    width: 50%;
    float: right;
}

#main .mydealfinder-sms p.df_note {
    float: right;
}

#main .mydealfinder-sms p.df_tip {
    float: left;
    width: 300px;
    margin-left: 20px;
}

.general #content h1 span a {
    font-size: 50%;
    color: blue !important;
    font-weight: normal;
    text-decoration: underline;
}
/* End -- Override override main rules for this templates */

#myDealfinderSignup {
    
}

#myDealfinderSignup .col {
    width: 40%;
    float: left;
    margin-right: 1%;
}

#main #content #myDealfinderSignup input,
#main #content #myDealfinderSignup select {
    padding: 2px 4px;
}

#myDealfinderSignup ul.steps {
    display: block;
    border: 1px solid #cccccc;
    padding: 4px 20px;
    height: 23px;
    background: #f7f7f8 url(/site/images/bg-progress.gif) top left repeat-y;
    width: 87%;
    margin-bottom: 20px;
}

#myDealfinderSignup ul.steps li {
    display: block;
    float: left;
    padding-right: 35px;
    background: transparent url(/site/images/arrow-progress-right.gif) center right no-repeat;
    line-height: 23px;
    margin-right: 20px;
    vertical-align: middle;
    font-size: 120%;
}

#myDealfinderSignup ul.steps li.last {
    margin-right: 5px;
}

#myDealfinderSignup ul.steps li.current {
    font-weight: bold;
    background: transparent url(/site/images/arrow-progress-down.gif) center right no-repeat;
    color: #000;
}

#myDealfinderSignup ul.steps li.complete {
    background: transparent url(/site/images/arrow-progress-complete.gif) center right no-repeat;
}

#myDealfinderSignup #price {
    width: 30px;
}

#myDealfinderSignup p.label {
    float: left;
    clear: left;
    width: 100px;
}

#myDealfinderSignup p.options {
    float: left;
    width: 500px;
}

#myDealfinderSignup label span,
#myDealfinderSignup p.label span {
    color: red;
}

#main #content #myDealfinderSignup form input.greenButton {
    background: #b1e696 url(/site/images/button_bg_green.jpg) top left repeat-x;
    width: 118px;
    height: 31px;
    border: 0;
    color: #1e1f17;
    line-height: 31px !important;
    vertical-align: middle;
    font-weight: bold;
    cursor: pointer;
    margin-right: 0 !important;
}

#main #content #myDealfinderSignup p.next {
    margin: 0.5em;
    text-align: right;
    clear: left;
}

#main #content #myDealfinderSignup form fieldset {
    margin-bottom: 3em;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1em;
}

#main #content #myDealfinderSignup form fieldset h2 {
    font-size: 120%;
    margin: 1em 0 2em;
    border-bottom: 1px solid #ccc;
    display: block;
    padding-bottom: 0.7em;
    font-weight: bold;
    width: 100%;
    color: #333;
}

#main #content #myDealfinderSignup #myDealfinderStep1 input,
#main #content #myDealfinderSignup #myDealfinderStep2 select {
    margin-right: 2em;
}

#startdate, #enddate {
    background: #fff url(/site/images/dfa_calendar.gif) center right no-repeat;
    cursor: pointer;
}

.city-list {
   width: 180px;
   float: left;
}

.city-list ul {
   width: 85%;
   border: 1px solid #31859b;
   padding: 5px 8px;
   min-height: 125px;
   height: 125px;
   overflow-y: scroll;
}

.city-list ul li {
   width: 97%;
   padding: 3px 4px;
   cursor: pointer;
}

.city-list ul li.selected {
   background: blue;
   color: #fff;
}

.city-list p {
   margin-bottom: 0 !important;
}

#city-select-buttons {
    width: 130px;
    float: left;
    text-align: center;
    padding-top: 30px;
}

#city-select-buttons input {
    display: block;
    width: 100px;
    margin: 0 auto 20px;
}

#addCity {
    position: relative;
    top: 9px;
    left: -2px;
}

/* step 2 styles */
#myDealfinderStep2 #lblFrom {
    width:100px; 
    display: block; 
    float: left;
}

#myDealfinderStep2 .select-destinations {
    float: left; 
    width: 690px; 
    margin-bottom: 0.5em;
}


#myDealfinderStep2 #selected-cities h4 {
    color: #333333; 
    font-size: 12px; 
    line-height: 1.4;
}

#myDealfinderStep2 #selected-cities li {
    line-height: 20px;
    vertical-align: middle;
    width: 48%;
    padding-left: 1%;
    display: block;
    float: left;
    position: relative;
}

#myDealfinderStep2 #selected-cities li.default {
    width: 99%;
}

#myDealfinderStep2 #selected-cities li img {
    position: absolute;
    right: 15px;
    top: 3px;
}

#myDealfinderStep2 .select-dates {
    height: 30px;
    clear: left;
    position: relative;
}

#myDealfinderStep2 .select-dates div {
    display: inline;
}

#main #content #myDealfinderSignup #myDealfinderStep2 .select-dates select {
    margin-right: 0;
}

#myDealfinderStep2 #start_date_calendar,
#myDealfinderStep2 #end_date_calendar{
    position: absolute;
    background: #fff;
}

#myDealfinderStep2 .floater {
    position: relative; 
    display: block; 
    float: left; 
    margin-right: 1em; 
    line-height: 1.5em;
}

#dfa_manage_link,
#dfa_user_util {
    display: none;
}

#dfa_success_message,
#dfa_remove_message,
#dfa_changed_message {
    display: none;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 15px 0;
    font-weight: bold;
    width: 68%;
}

.general #content #newAlertLink {
    margin-top: -10px !important;
    margin-bottom: 10px !important;
}

.general #content #newAlertLink a {
    color: blue !important;
    text-decoration: underline;
}

.general #content #alertsManager h2 {
    font-size: 110%;
    color: #494045;
    width: 65%;
}

.general #content #alertsManager p {
    color: #494045;
}

.general #content #alertsManager .alertSummary {
/*    width: 70%;*/
    margin-bottom: 2em;
}

.general #content #alertsManager .alertSummary p {
    line-height: 1.5;
}

.general #content #alertsManager .alertSummary p.links {
    float: right;
}

.general #content #alertsManager .alertSummary p.links a {
    color: blue !important;
    text-decoration: underline;
}

a#depart_nextMonth,
a#depart_previousMonth,
a.Webjet_Calendar_DayUnavailable {
    color: #000 !important;
}

#depart_calendar,
#return_calendar {
  width: 151px;
}

#depart_calendar td,
#return_calendar td,
#start_date_calendar td,
#end_date_calendar td {
  text-align: center !important;
  vertical-align: middle !important;
}

.Webjet_Calendar_WeekDay
{
    font-size: 10px;
    padding: 0 1px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    line-height: 1.5;
    border-bottom: 1px solid #000;
    background-color: #f5f5f5; 
}

.Webjet_Calendar_Month
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    text-align: center;
    background-color: #f5f5f5;
    line-height: 1.5;
}

.Webjet_Calendar_Month td {
  text-align: center;
}

.Webjet_Calendar_Day, .Webjet_Calendar_Day:link, .Webjet_Calendar_Day:visited
{
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}

a.Webjet_Calendar_Day:hover {
  text-decoration: underline;
}

.Webjet_Calendar_DaySelected, .Webjet_Calendar_DaySelected:link, .Webjet_Calendar_DaySelected:visited
{
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
}


.Webjet_Calendar_Available, .Webjet_Calendar_Available:link, .Webjet_Calendar_Available:visited
{

}

.Webjet_Calendar_Unavailable, .Webjet_Calendar_Unavailable:link, .Webjet_Calendar_Unavailable:visited
{
	background-color : Red;
}

.Webjet_Calendar_DayUnavailable {
  color: #c0c0c0;
  cursor: default;
}

.Webjet_Calendar_Clear, .Webjet_Calendar_Clear:link, .Webjet_Calendar_Clear:visited
{
	background-color :White;
  font-size: 10px;
}

.Webjet_Calendar_AvailableSelected, .Webjet_Calendar_AvailableSelected:link, .Webjet_Calendar_AvailableSelected:visited
{
	background-color: #94BB00;
}

.Webjet_Calendar_UnavailableSelected, .Webjet_Calendar_UnavailableSelected:link, .Webjet_Calendar_UnavailableSelected:visited
{
	background-color :Red;
}

.Webjet_Calendar_ClearSelected, .Webjet_Calendar_ClearSelected:link, .Webjet_Calendar_ClearSelected:visited
{
	background-color: #CECFD1;
}

.mydftable td{
	padding: 3px;
}

#mydfmanagetable{
	width: 650px;
	border: 1px solid #CCC;
}

#mydfmanagetable td{
	padding: 6px;
}

.headerRow{
	background-color: #696969;
}

.headerRow td{
	font-weight: bold;
	color: #FFF;
	font-size: 14px;
}

.headingRow td{
	color: #999;
}

.altRow{
	background-color: #F5F5F5;
}

#main_body{
	clear: both;
	display: none;
}