/* Styles for real page content
  ==============================
 header blue #249CCB 
 orange: #FEA703
*/
#mainContent
{
    padding:30px;
    border: 1px solid #DDDDDD;
}
.mainHeadingWrap
{
    position:relative;
    margin-bottom:10px;
}
.mainHeading
{
    color:#249CCB;
    text-align:center;
    font-size:36px;
    font-weight:bold;
    margin-top:6px;
    margin-bottom:20px;
    line-height:60px;
    padding-bottom:20px;
    padding-right:15px;
    float:left;
    width:250px;
}
.mainCaptionWrap
{
    float:left;
    padding-left:20px;
    border-left:1px solid #cccccc;
    margin-bottom:20px;
}
.mainCaption
{
    font-size:21px;
    font-weight:bold;
    color:#444444;
    line-height:40px;
    margin-top:10px;
}
#mainDescrip
{
    font-size:16px;
    width:380px;
    padding:6px 10px 20px 0px;
}
#featureList
{
    margin-bottom:15px;
}
#featureList ul
{
    margin: 3px 0px 10px 0px;
    padding: 0px 0px 0px 25px;
    color :#6E6E60;
    font-size:16px;
}
.contentHeading, .contentSubHeading
{
    color:#249CCB;
    font-size:19px;
    font-weight:bold;
    border-bottom:1px solid #CCCCCC;
}
.contentSubHeading
{
    font-size:16px;
    border-bottom:1px solid #DDDDDD;
    
}
.contentHeadingNoLine
{
    color:#249CCB;
    font-size:19px;
    font-weight:bold;
}
#contentHeadingStep
{
    margin-left:500px;
    font-size:14px;
}
.headingCaption, .headingCaptionStep
{
    font-size:14px;
    line-height:25px;
    font-style:italic;
    color:#444444;
}
.contentTextBlock
{
    min-height:420px;
}
.contentText
{
    
}

.hline
{
    border-bottom:1px solid #CCCCCC;
}
.fadeLineTop,.fadeLineTopLight
{
    clear:both;
    background: url('images/fade-bar-top.gif') repeat-x;
    border-top:1px solid #CCCCCC;
    height:20px;
}
.fadeLineBottom,.fadeLineBottomLight
{
    background: url('images/fade-bar-bottom.gif') repeat-x;
    border-bottom:1px solid #CCCCCC;
    height:30px;
}
.fadeLineTopLight
{
    border-top:1px solid #dddddd;
}
.fadeLineBottomLight
{
    border-bottom:1px solid #dddddd;
}
/* welcome page styles */
.howbox
{
    position:relative;
    margin:auto;
    width:670px;
    height:200px;
}
.howbox h1
{
   font-size:14px;
   background:#aaaaaa;
   color:White;
   margin:1px; 
   padding:2px 2px 2px 5px;
}
.howbox-img
{
    border:none;
    text-align:center;
}
#how1, #how2, #how3
{
    position:absolute;
    width:150px;
    height:180px;
    top:15px;
    
}
#how1
{
    left:30px;
}
#how2
{
    left:260px;
}
#how3
{
    left:490px;
}
#how1-img, #how2-img, #how3-img
{
    margin:auto;
    width:150px;
    height:130px;
    margin-bottom:15px;
    font-size:25px;
    font-family:Comic Sans MS;
    font-weight:bold;
    color:#249CCB;
    /*border: 1px dotted #DDDDDD;*/
}
#how1-img
{
    background: #FFFFFF url('images/how_step1.gif') no-repeat;
}
#how2-img
{
    background: #FFFFFF url('images/how_step2.gif') no-repeat;
}
#how3-img
{
    background: #FFFFFF url('images/how_step3.gif') no-repeat;
}
.how-number
{
    font-family:Comic Sans MS;
    font-size:16px;
    font-weight:bold;
    color:#FFFFFF;
    background: #FFFFFF url('images/gray-disc.gif') no-repeat;
    width:35px;
    height:35px;
    line-height:30px;
    text-align:center;
    float:left;
    margin-right:5px;
}
.how-text
{
}  
#homeButtonLinks
{
    height:60px;
    position:relative;
    margin-top:40px;
    
}
#homeScheduleButton
{
    position:absolute;
    width:170px;
    left:120px;
}
#homeTourButton
{
    position:absolute;
    width:170px;
    right:120px;
}
/* left aligned buttons
#homeButtonLinks
{
    height:50px;
    margin-top:40px;
}
#homeScheduleButton
{
    float:left;
    width:165px;
    margin-right:40px;
}
#homeTourButton
{
    float:left;
    width:165px;
}
*/
.coolButton
{
  display:block;
  height:29px;
  text-align:center;
  font-weight:bold;
  font-size:15px;
}
.coolButton a        
{
  color:#FFFFFF; 
  text-decoration:none;
  background: #208BB5 url('images/blue-button.gif') repeat-x;
  height: 100%;
  width: 100%;
  display:block;
  padding-top:7px;
  border-right: 1px solid #777777;
  border-bottom:1px solid #555555;
  border-left:1px solid #BBBBBB;
  border-top:1px solid #F4F4F4;
}
.coolButton a:hover   
{ text-decoration:none;
  background: #208BB5 url('images/blue-button-on.gif') repeat-x;
}
.featureLeftWrap
{
    float:left;
    
}
.mainHeading2
{
    color:#249CCB;
    text-align:center;
    font-size:28px;
    font-weight:bold;
    margin-top:6px;
    margin-bottom:20px;
    line-height:60px;
    padding-bottom:20px;
    padding-right:15px;
    width:250px;
}
.featureRightWrap
{
    float:left;
    padding-left:20px;
    border-left:1px solid #cccccc;
    margin-bottom:20px;
}
.featureText
{
    font-size:14px;
    width:400px;
    padding:6px 10px 20px 0px;
}
.featureHeading
{
    font-size:19px;
    font-weight:bold;
    color:#494949;
    padding:20px 0px 0px 0px;
    /*
    font-size:18px;
    font-weight:bold;
    padding:20px 0px 5px 0px;
    */
}
.featureText p
{
    margin:6px 0px 16px 0px;
}
#feautreImage
{
    margin:auto;
    width:140px;
    height:250px;
    margin-top:20px;
    background: #FFFFFF url('images/cal_reflect.gif') no-repeat;
}


    
/****************************/
/* Schedule a meeting style */
/****************************/
#stepWrap
{
    /* for centering step box's
    margin-left:auto;
    margin-right:auto;
    width:400px;
    */
}
#step1, #step2
{
    margin:auto;

}
#step1
{
    width: 450px;
    margin-top:20px;
    border:1px solid #bbbbbb;
    font-weight:bold;
    /*font-size:14px;
    color:#222222;*/
    /*
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid  #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
*/
}
#step2
{
    width: 665px;
    margin-bottom:20px;
}
#stepRadioButtons
{
    text-align:center;
    padding-bottom:10px;
    
}
#step1Button
{
    margin-top:15px;
    float:right;
}
#step2Buttons
{
    margin-top:15px;
    float:right;
}
/*
.nextButton
{
    margin-left:450px;
    margin-top:350px;
    margin-right: 0px;
}
*/
.buttonLeft
{
    background:pink;
}
.buttonRight
{
    background:red;
    right:0px;
}
.stepHeader
{
    border-bottom:1px dotted #DDDDDD;
    background:#F0F0FF;
    line-height:25px;
    padding-left:5px;
    margin:1px;
}
.stepHeading
{
    font-size:15px;
    color:#555555;/*#249CCB;*/
    font-weight:bold;
}
.stepSubHeading
{
    font-size:13px;
    font-weight:bold;
    color:#555555;
}
.stepContent
{
    padding:25px 35px 25px 35px;
    position:relative;
}
.meetingDetailsTable td
{
    padding-bottom:12px;
    padding-top:0px;
    
}
#calendarDiv
{
    margin:auto;
    padding:10px;
    text-align:center;
    width:250px;
}
#timeSelect
{
    
    margin:auto;
    width:250px;
    text-align:center;
}
#timesList
{
    border-top:1px dotted #DDDDDD;
    border-bottom:1px dotted #DDDDDD;
    margin:25px 20px 5px 20px;
    font-size:smaller;
    padding:5px;
}
.fancyTextBox, .fancyTextArea, .fancyDropDown
{
    color:#444444;
    font-family:Arial,sans-serif;
    font-size:18px;
    line-height:1.3em !important;
    padding:4px;
    border:1px solid #cccccc;
}
.fancyTextBoxFocus
{
    border:1px solid #FEA703;
    padding:4px;
    background:#FFFFe2;
}
.fancyDropDown
{

}
.fancyTextArea
{
    font-size:16px;
}
.scheduleButton,.scheduleButton2
{
    padding:4px 10px 4px 10px;
    font-size:16px;
    font-family:Arial,sans-serif;
}
.mapCheckBoxDiv
{
    font-size:12px;
    font-weight:normal;
    padding-top:2px;
}
#testMapBoxBlanket
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:850px;
    background:#555555;
    visibility:hidden;
    /* transparency: this property is inherited, so the contents of the login box must be seperately positioned div */
    filter:alpha(opacity=50); 
    -moz-opacity: 0.5; 
    opacity: 0.5; 
}
/* single pixels in corners to produce slightly rounded effect */
#testMapBoxBorderTL,#testMapBoxBorderTR,#testMapBoxBorderBL,#testMapBoxBorderBR
{
    position:absolute;
    height:1px;
    width:1px;
    background:white; 
}

#testMapWrap
{
    position:absolute;
    top: 200px;
    left: 0px;
    width: 100%;
    visibility:hidden;
}
#testMapBox
{
    margin-left:auto;
    margin-right:auto;
    width:500px;
    height:360px;
    background:#FFFFFF;
    visibility:hidden;
    border:1px solid #AAAAAA;
    border-bottom:2px solid #888888;
    border-right:2px solid #888888;
    
}
#testMapContent
{
    padding: 5px 10px 10px 10px;
}
.testMap
{
    width:100%;
    height:312px;
    border: 1px dotted #cccccc;
    margin-top:8px;
}
#testMapClose
{
    float:right;
    border:1px solid #dddddd;
    background:#eeeeee;
    margin-right:-2px;
    width:20px;
    height:20px;
    padding-bottom:2px;
}
#testMapClose a
{
    font-size:18px;
    font-family:Verdana;
    color:#666666;
    text-decoration:none;
    font-weight:600;
    width:100%;
    height:100%;
    display:block;
    text-align:center;
    /*text-decoration:overline underline;   */
}

/****************************************
/* meeting created (addmeeting) styles 
/****************************************/
#createdLeftSide, #createdRightSide
{
    width:330px;
    height:552px;
    float:left;
    border: 1px dotted #CCCCCC;
}
#createdLeftSide
{
    
}
#createdRightSide
{
    margin-left:45px;
}
#createdBottom
{
    clear:both;
}
.createdSideHeading, .boxHeading
{
    font-size:15px;
    font-weight:bold;
    /*color:White;
    background-color:#46A9D4;*/
    background:#eeeeee;
    text-align:center;
    padding:6px;
}
.createdSideContent
{
    padding:10px;
}
.createdLinkHeading
{
    font-size:15px;
    /*color:#249CCB;*/
    font-weight:bold;
    margin-bottom:5px;
}
.createdLink
{
    margin-top:4px;
    font-size:12px;
    margin-bottom:4px;
}

/******************/
/* Meeting styles */
/******************/
#loginBoxBorder 
{
    position:absolute;
    top:30px;
    left:165px;
    padding:10px;
    background:#555555;
    width:360px;
    height:140px;
    visibility:hidden;
    /* transparency: this property is inherited, so the contents of the login box must be seperately positioned div */
    filter:alpha(opacity=50); 
    -moz-opacity: 0.5; 
    opacity: 0.5; 
}
/* single pixels in corners to produce slightly rounded effect */
#loginBoxBorderTL,#loginBoxBorderTR,#loginBoxBorderBL,#loginBoxBorderBR
{
    position:absolute;
    height:1px;
    width:1px;
    background:white; 
}
#loginBoxBorderTR{ top:0px; right:0px;}
#loginBoxBorderTL{ top:0px; left:0px;}
#loginBoxBorderBR{ bottom:0px; right:0px;}
#loginBoxBorderBL{ bottom:0px; left:0px;}

#loginBox
{
    position:absolute;
    top:40px;
    left:175px;
    width:358px;
    height:138px;
    background:#FFFFFF;
    visibility:hidden;
    border:1px solid #AAAAAA;
}
#loginHeading
{
    background:#555555;/*#FEA703;/*#FFCB69;/*#555555;*/
    color:White;
    border-bottom:1px solid #CCCCCC;
    text-align:center;
    margin-bottom:5px;
    padding:5px;
}
#loginContent
{
    padding:5px;
}
#loginButtons
{
    margin-left:220px;
}
.meetingDetailCell /* table with description and duration*/
{
    color:#444444;
    font-weight:bold;
    vertical-align:top;
    padding-right:20px;
}
.meetingExtraText
{
    margin-top:7px;
    margin-bottom:10px;
    font-style:italic;
}
#bestTimes
{
    position:relative;/* to control where login box goes*/
    margin-top:5px;
}
#attendNames
{
    border:1px solid #CCCCCC;
    border-right:none;
    float:left;
    width:170px;
}
#attendTimes
{
    border:1px solid #cccccc;
    float:left;
    overflow-x:auto !important;  /* XXX this says it takes priority overl overflow:auto below, might need this to get it to work in ie6 */
    overflow-y: hidden !important;
    overflow:auto; /* XXX look into this with older browsers*/
    max-width:540px;
    /*padding-bottom: 17px!ie7; *//* this only applies to IE7 to deal with horizontal bar overlapping the div*/
    
}
.attendTableDayHeading, .attendTableTimeHeading, .attendTableTimeHeadingMiddle
{
    padding:1px 5px 1px 5px;
    height:35px;
    background-color:#EEEEEE;
    text-align:center;
    border-bottom:1px solid #cccccc;
    border-left:1px solid #cccccc;
    color:#444444;
    font-size:11px;
}

.attendTableTimeHeading
{
    padding:1px 8px 1px 8px;
}
.attendTableTimeHeadingMiddle
{
    padding:1px 8px 1px 8px;
    border-left:1px solid #DDDDDD;
}

.attendTableTimeLastRow
{
    height:17px!ie7;/* this only applies to IE7 to deal with horizontal bar overlapping the div*/
}
.attendTableNameHeading
{
    padding:0px 5px 5px 10px;
    width:170px;
    height:70px;
    border-bottom:1px solid #cccccc;
    background-color:#cfcfcf;
    color:#444444;
    font-weight:bold;
}

.attendTableName
{
    padding:2px;
    padding-left:5px;
    border-bottom:1px solid #EEEEEE;
    overflow: hidden; 
}
.attendTableNameLastRow
{   
    height:17px;
    background:#F4F4F4;
}

.attendTableCheck, .attendTableCheckMiddle
{
    text-align:center;
    border-left:1px solid #CCCCCC;
    border-bottom:1px solid #EEEEEE;
    padding:2px;
    padding-left:5px;
    background-color:white;  /* stops long names from overflowing into this cell */
}
.attendTableCheckMiddle
{
    border-left:1px solid #EEEEEE;
}

#indicateButton
{
    width:160px;
    float:left;
    margin-top:20px;
}
#newAttendeeDiv
{
    padding-top:15px;
    padding-bottom:0px;
}
.meetingInfo
{
    margin-top:15px;
    margin-bottom:10px;
    padding:5px;
    width:400px;
    /*background:#FFFFDA;*/
    /*border:1px dotted #EEEEEE;*/
    float:left;
}

#meetingMap
{
    margin-top:15px;
    margin-bottom:10px;
    float:right;
    display:none;
    
}
.meetingInfoHeading
{
    font-size:13px;
    font-weight:bold;
    color:#222222;
    padding:0px;
    padding-right:5px;
    margin-bottom:-20px;
    text-align:right;
    vertical-align:top;
}
.meetingInfoCell
{
    font-size:13px;
    padding-bottom:10px;
    vertical-align:top;
}
#showMapLink
{
    font-size:12px;
}

#butonInfoSplit
{
    background:yellow;
}
.extraInfoBox
{
    float:right;
    width:280px;
    background:#FFFFD6;/*#F2F2F2;*/
    padding:17px 20px 20px 20px;
    border:1px dotted #EEEEEE;
}
.extraInfoHeading
{
    color:#2E8CB1;
    font-size:17px;
    margin-bottom:10px;
    font-weight:bold;
}
.extraInfoBox p
{
    margin:8px 0px 4px 0px;
}

/* Tour Page */
/*===========*/
.tourPage
{
    margin:10px 50px 70px 50px;
    font-size:16px;
}
.tourPage H1
{
    font-size:28px;
    font-weight:bold;
    margin-bottom:10px;
}
.tourPage H2
{
    color:#249CCB;
    font-size:19px;
    font-weight:bold;
    margin:40px 0px 0px 0px;
}
.tourImage
{
   text-align:center;
   margin-top:20px;
}

.aboutPage, .contactPage
{
    margin:10px 40px 90px 40px;
    
}
.contactPage
{
    margin-bottom:150px;
}
.aboutHeading
{
    color:#249CCB;
    font-size:19px;
    font-weight:bold;
    border-bottom:1px solid #CCCCCC; 
}