/*Baseball Trip Planner Layout CSS */
/************** Global ******************/
* { margin:0; padding:0; }


body { 
       font-family: Helvetica,Tahoma, Georgia;
 }

table, th, td { 
                border-collapse: collapse;
                margin: 0;
                padding: 0;
 }

/************** Header *****************/
#header { 
          cursor: pointer;
          margin: 0px auto 2px;
          position: relative;
          height: 72px;
          width: 960px;
          }

#btp-title { 
  float: left;
  color: #f0feff;
  font-size: 36px;
  font-weight: 1.4;
  padding: 12px 40px;
  height: 48px;
 }

#menu { 
  text-align: right;
  padding: 12px 10px 0px 0px;
  float: right;
 }


#social-links { 
  float: right;
  padding: 8px 0px;
  width: 400px;
  height: 32px;
 }

#social-links img { border: 0; }

#social-links td { 
  padding: 2px 10px;
}

#navbuttons { ]
              text-align: center;
              height: 20px;
              margin-bottom: 4px;
 }

#navbuttons ul li {  
                    font-size: 12px;
                    list-style: none;
                    display: inline;
                    margin: 0px 44px;
}

/************** Main *****************/
#main { 

        margin-left: auto;
        margin-right: auto;
        width: 960px;
        /* This needs to change when content is added */
        /* mobile device needs fixed height for all text containers */
        height: 918px;
 }

/************** Left Column *****************/
#col2 {  
  position: relative;
  margin: 0px auto;
  width: 500px;
  text-align: center;
}

#col2 div {
    padding: 30px 0px;
}

#introduction { 
    font-weight: 600;
 }

#introduction ul li { 
  list-style: none;
  padding-top: 2px;
  padding-left: 16px;
  font-size: 14px; 
}

#help-introduction { 
  font-size: 12px; 
  padding: 16px 8px 4px 32px;
}

#summary-sidebar { 
  float:left;
  width: 250px;
 }

/***** TEAM FILTER *****/

#teamfilter { 
  float: left;
  position: relative;
  width: 246px;
  padding: 2px 6px 0px 6px;
  /*height: 174px;*/
  font-size: 10px;
  margin-top: 4px;
  margin-bottom: 6px;
  border-right: dotted 1px #aaaaaa;
 }

#teamfilter-title { 
                    font-size: 12px;
                    font-weight: bold;
                    margin-bottom: 4px;
                     }
#teamfilter-desc { 
  font-size: 10px;
  font-weight: normal;
 }

#teamfilter-desc ul { 
  list-style: none;
}

#teamfilter table { 
                    border-collapse: collapse;
                    margin: 8px 0px;
                    padding: 0px;
                    width: 100%;
              }

#teamfilter tr td { 
                    margin: 1px;
                    padding: 0px;
                    }

#teamfilter-select-all { 
                         z-index: 2;
                         position: relative;
                         text-align: center;
                         cursor: pointer;
 }

#teamfilter-select-all a { 
                         color: blue;
                         }

.teamfilter-select { 
  width: 10px;
  height: 16px;
  position: relative;
                     padding: 0px 0px 0px 8px !important;
                     margin-top: 0px;
                     margin-bottom: 0px;
                     margin-right: 2px;
 }

.teamfilter-select input { 
                           width: 13px;
                           height: 13px;
                           overflow: hidden;
                           border: 0;
                           margin: 0 2px 1px 3px;
                           }

.teamfilter-team-include { 
  display: none;
 }

.teamfilter-select label { 
/*  background-color: #D4E6FA;*/
  background-color: #ab3000;
  border: 2px solid #aaa;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}

.teamfilter-select input[type=checkbox]:checked + label { 
  background-color: #abf000;
}

.excluded-team { 
                 color: #888888 !important;
 }

#teamfilter-options { 
                      text-align: center;
                      cursor: pointer;
                      height: 90px;
                      width: 180px;
                      display: none;
                      position: absolute;
                      font-size: 12px;
                      font-weight: bold;
                      left: 20%;
                      top: 80%;
 }

#teamfilter-options-header { font-weight: bold; margin-bottom: 6px; }
#teamfilter-options-close { font-size: 10px; color: blue; }

#grid { 
  float: right;
  height: 380px;   
  position: relative;
  padding: 0px 8px 0px 0px;
}

/************** Right Column *****************/
#col3 {  
        float: right;
        width: 480px;
  padding-bottom:auto;
}

#tripgenerator-div { 
  padding: 10px 10px;
  font-size: 12px;
}

#button-div { 
    margin-top: 4px;
  width: 170px;
  font-size: 10px;
}

 #tripviewer { 
  z-index: 3;
  padding: 0px 0px 0px 0px;
  height: 385px;
  width: 260px;
  text-align: center;
 }

#trip-map { 
  float:right;
            /*margin: 0 4px; */
            height: 400px;
            width: 700px;
  border-left: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
 }

.trip-map-marker { 
                   font-size: 12px;
 }

.trip-map-marker-zoom { 
                        color: blue;
                        cursor: pointer;
                        text-decoration: underline;
 }

/************** Footer *****************/
#quick-links { 
  position: relative;
  height: 76px;
  margin-top: 0px;
  font-size: 10px;
  padding: 8px 4px;
  text-align: center;               
}

#quick-links .links-header { font-weight: bold; }

#quick-links a { padding-right: 10px; }

#bottom-row { 
  padding-left: 120px;
 }

.intro-column { 
  font-size: 12px;
  float: left;
  width: 240px;
  padding-right: 8px;
 }

#footer { 
  margin-top: 4px;
  font-size: 62.5%; 
  border-top: solid 1px black;
 }

/******** General ********/
.clearout { 
  position: relative;
  clear: both; 
}

#placemark-prompt-header{ 
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

#placemark-prompt { 
  display: none;
  position: absolute;
  top: 240px;
  left: 40%;
}

#placemark-prompt ul li { list-style: none; }

#alert-popup { 
  display: none;
  position: absolute;
  top: 30%;
  left: 30%;
  width: 260px;
}

#alert-popup-text { 
  text-align: center;
  font-size: 12px;
}

#alert-popup-close { 
  margin: 4px 40% !important;
  text-align: center;
}

.visible {  }

.hidden { display : none !important; }

#loader { 
  z-index: 5;
  position: absolute;
  top: 45%;
  left: 45%;
}

#help-content, #about-content, #privacy-content { 
  font-size: 14px;
  padding: 8px 160px 80px;
 }

#help-content .help-header { 
  font-weight: bold;
  text-decoration: underline;
}

/**** Game Grid ****/
.gg-game-cell {
  border-bottom: solid 1px #888888;
  background: #F4FF82;
}
/*
.gg-game-cell-view { background: #C2E5E6; }
.gg-game-cell-large { background: #FBFDE1; }
.active-game { background: #D5F4C5; }
*/
#gg-title { 
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 0px;
 }

.gg-grid-header { 
  text-align: center;
  height: auto;
 }

.gg-grid-header ul { 
  margin-bottom: 0;
  padding-left: 0;
 }

.gg-grid-header ul li {
  list-style: none;
  display: inline;
  padding-right: 20px;
 }

#gg-grid { 
  z-index: 2;
  position:relative;
  border-collapse: collapse;
  height: 450px;   
  padding: 0px;
  margin: 0;
 }

.gg-grid  tr td{ 
  border: 0px;
  padding-right: 1px;                
  padding-left: 1px;                
  padding-top: 0px;                
  margin: 0px !important;
 }

.gg-day-table tr td { padding: 0; }

.gg-header td.gg-header-cell { 
                               height: 20px;
                               width: 96px;
                               font-size: 11px;
                               text-align: center;
                               padding-bottom: 2px;
 }

#gg-nav-container { 
  position: relative;
  margin: 0 28px;
 }
                
.gg-nav-cell { 
  position: absolute;
  z-index: 3;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  background-color: #aaaadd;
  padding: 1px 2px;
  border: solid 1px #8e8e8e;
  opacity: 1;
  top: -18px;
 }

.gg-nav-cell-hover { opacity: 0.5 !important; }

#gg-nav-left { left: 2px;
  float: left;
}

#gg-nav-left-week { left: 50px;
  float: left;               
}

#gg-nav-left-month { left: 106px;
  float: left;               
}

#gg-nav-right { right: 10px;
  float: right;               
}

#gg-nav-right-week { right: 60px;
  float: right;               
}

#gg-nav-right-month { right: 120px;
  float: right;               
}

.gg-row-normal td { vertical-align: middle; }

.gg-table-cell { 
  vertical-align: top;
  padding: 0px;
  margin: 0px;
 }

.gg-cell-normal { 
  padding: 0px;
  margin: 0px;
 }

.gg-game-cell { 
  font-family: tahoma;
  width: 96px;
  font-size: 10px;
  vertical-align: middle;
  height: 16px;
  cursor: pointer;
  padding-left: 0px;
  padding-right: 0px;  
 }

.gg-no-games-cell { 
                    font-size: 12px;
                    font-weight: bold;
                    text-align: center;                    
 }

.gg-game-cell-exclude { display: none; }

.gg-game-cell div { 
                padding-top: 0px;
                padding-bottom: 0px;
 }

.gg-cell-info {   float: left;
                  clear: left; }

.gg-cell-info { width: 45%;
                border: 0px;
                padding: 0px;
                display: inline;}

.gg-cell-away, .gg-cell-home, .gg-cell-extra {  
  float: left;
  position: absolute;
}
.gg-cell-extra { padding-left: 42px; }
.gg-cell-away { padding-left: 18px; }
.gg-cell-home { padding-left: 58px; }

.gg-game-cell .gg-cell-dist,.gg-cell-info,.gg-cell-time { display: none; }

.gg-game-cell-large { height: 28px; }
.gg-game-cell-large .gg-cell-dist { display : block !important; }
.gg-game-cell-large .gg-cell-time { display : block !important; }

.gg-cell-matchup { margin-top: 2px;
                   float: left;  
}

.gg-cell-time { 
  padding-top: 12px !important;
  float: left; 
  clear: right; }

.gg-cell-dist { float: right; 
                clear: right; 
                border: 0px;
                padding-top: 12px !important;
                text-align: right;

}

.gg-game-cell-view { 
                     height: 42px !important;
 }

.gg-game-cell-view .gg-cell-dist { float: right; padding-top: 0px !important; display : block !important; }
.gg-game-cell-view .gg-cell-info { padding-top: 12px; display : block !important; }
.gg-game-cell-view .gg-cell-time { float: right; padding-top: 12px; display :  block !important; }

.active-game { 
  font-weight: bold;
  height: 42px;
 }

.active-game .gg-cell-matchup {  }
.active-game .gg-cell-time {  float: right; padding-top: 12px; display :  block !important; }
.active-game .gg-cell-dist { padding-top: 0px !important; display : inline !important; }
.active-game .gg-cell-info { padding-top: 12px; display : block !important; }

.day-hidden { display : none !important; }

/*** TripViewer ***/

#tripviewer-table-div { 
  margin-top: 4px;
  vertical-align: top;
  height: 331px;
  overflow: auto;
  border-top: solid 1px #cecece;
 }

#tripviewer-table { 
  width: 100%;
}

#tripviewer-table tr td { 
  font-size: 10px;
  vertical-align: top;
  height: 40px;
}

.tripviewer-game { 
  position: relative; 
 }

.tripviewer-gamerow-odd { 
  border-left: solid 2px blue;
 }

.tripviewer-gamerow-even { 
  border-left: solid 2px red;
 }

.tripviewer-remove-game { 
  float: right;
  cursor: pointer;
  color: #0000ff;
  font-size: 10px;
  text-align: center;
  width: 10px;
  text-align: center;
  padding: 0 1px;
  margin: 1px 2px;
 }

.tripviewer-goto-game { cursor: pointer; }

.tripviewer-game-date { 
  padding: 0px 0px 0px 2px;
  float: left;
  font-size: 11px;
  position: absolute
 }

.tripviewer-game-city { 
  position: absolute;
  float: left;
  padding: 0px 0px 0px 64px;
  font-size: 11px;
  font-weight: bold;
}

.tripviewer-home-icon { 
  height: 24px;
  width: 22px;
  float: left;
}

.tripviewer-home-desc { 
  padding: 0px 0px 0px 6px;
}

.tripviewer-game-icon { 
  float: left;
  padding-right: 6px;
 }

.tripviewer-game-desc { 
  float: left;
  padding: 2px 0px 0px 8px;
  font-size: 12px;
 }

.tripviewer-game-time { }

.tripviewer-game-dist { 
  float: right;
  font-size: 11px;
  padding-right: 2px;
 }

.tripviewer-game-links { 
  z-index: 4;
  float: right;
  padding: 4px 8px 0px 0px;
}

#tripviewer-title { 
  padding: 4px 0px 0px 4px;
  text-align: left;

  font-size: 14px;
  float: left;
 }


#tripviewer-total { 
  height: 13px;
  font-size: 10px;
  margin-top: 8px;
  margin-bottom: 0px;
  text-align: center;
  float: right;
}

#tripviewer-total span { padding-right: 4px; }

#tripviewer-startinfo { 
  margin-top: 4px;
  font-size: 11px;
  font-weight: bold;
}
#tripviewer-startinfo span { padding-right: 8px; }
#tripviewer-startinfo-location,
#tripviewer-startinfo-date { font-weight: normal !important; }

#tripviewer-footer { 
  padding-top: 2px;
  padding-bottom: 4px;
  text-align:center;
  width: 260px;
  z-index: 2;
  position: relative;
  cursor: pointer;
  font-size: 9px;
  border-top: solid 1px #cecece;
  border-bottom: solid 1px #cecece;
 }

#tripviewer-map-link { color: blue !important; }
#tripviewer-footer-save { color: blue !important; }
#tripviewer-footer-load { color: blue !important; }
#tripviewer-footer-clear { color: blue !important; }
#tripviewer-footer-printable { color: blue !important; }

#triploader { 
  position: absolute;
  z-index: 5;
  width: 200px;
  top: 60%;
  left: 20%;
  font-size: 10px;
  padding: 6px 0px;
}
#tripviewer-trip-load-header { 
  font-size: 12px;                 
  font-weight: bold; 
  margin: 0px 0px 6px 0px;
}
#tripviewer-trip-load-submit{ margin: 4px 30% !important; }
#tripviewer-trip-load-close { margin: 4px 40% !important; }

#tripviewer-default-view { 
  font-size: 11px;
  text-align: left;
  display: block;
  position: absolute;
  height: 300px;
  width: 180px;
  margin-top: 100px;
  margin-left: 40px;
 }

#tripviewer-tweet-button { 
  display: none;
  margin: 4px 72px;
 }

#tripviewer-tweet-button a {  
  display: block;
  text-decoration: none;
  font-size: 12px;
  padding: 2px 4px 2px 34px;
  background: url('https://twitter.com/favicons/favicon.ico') #ddd 4px center no-repeat;
  border: 1px solid #ccc;
}

.tripviewer-mouseover  { background-color: #f1f1f1; }


/*** Trip Generator ***/

/* REMOVED */
.tripgenerator-column-left { 
  float: left; margin-right: 20px; padding-bottom: 10px;
 }
/* REMOVED */
.tripgenerator-column-right { float: left; }
/* REMOVED */
#tripgenerator-length-div { width: 202px; }

#tripgenerator-length { margin-right: 8px; width: 28px }

#tripgenerator-trip-length-cell {   }


#tripgenerator-trip-length-cell input[type='radio']:checked + label {
    font-weight: bold;
}

#tripgenerator-days + label {
    margin-right: 10px;
}


#tripgenerator-startlocinput {  text-align: left !important; width: 240px; }
#tripgenerator-startdateinput { text-align: left !important; width: 72px; }

#tripgenerator-button-container  { 
    display: inline-block;
    float: right;

}

#tripgenerator-button {
    display: inline-block;
    position: relative;
    z-index: 2;
    background-color: #6df55b;
  width: 120px;
  font-size: 16px;
  color: #363636;
  height: 28px;
  cursor: pointer;
  font-weight: 1.5;
  text-align: center;
  border: 2px solid #777777;
}

#tripgenerator-button-text {
  display: block;
  margin: 5px auto;

}

.tripgenerator-button-hover { background-color: #F58516 !important; }
.tripgenerator-button-click { background-color: #8A4B0C !important; }
.tripgenerator-input-cell { padding-right: 10px; }

#tripgenerator-more-options  {
    float: right;
    padding: 4px 8px;
}

#tripgenerator-more-options-text  {
  background: url(images/gear-icon-24x24.png) no-repeat;
  display: inline-block;
  height: 24px;
  width: 24px;  
  cursor: pointer;
  text-align: center;
  color: blue !important;
}

#tripgenerator-div input { 
  height: 20px;  
  text-align: right;
}
#tripgenerator-div input[type=text] {
    padding: 4px 6px;
    font-size: 14px;
}

#tripgenerator-div input[type=radio] { 
    height: 14px;  
}

#tripgenerator-options { 
  position: absolute;
  top: 240px;
  left: 40%;
  width: 280px;
  height: 180px;
}

#tripgenerator-options div { 
  padding-top: 4px;
}

#tripgenerator-options .text-div { 
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
}
#tripgenerator-options table { 
  width: 95%;
}

#tripgenerator-options table td { 
  padding-bottom: 2px;
}

#tripgenerator-options .input-div { 
  text-align: right;
}

#tripgenerator-options-header { 
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 8px;
}

#tripgenerator-options-close { 
  margin: 16px 40% !important;
  text-align: center;
  padding-top: 2px !important;
}

#tripgenerator-options input { 
  font-size: 11px;
  margin-left: 8px;
 }

.tripgenerator-leftalign { 
  text-align: left !important; 
}

/** colors **/

#main,#header { 
  border-right: solid 1px #cecece;
  border-left: solid 1px #cecece;
  margin-bottom: 0px;
 }

#header {
  background-color: #95b4fc;
/*  background-image: url(images/hdr-img-960-lite-tall.png);
  background-repeat: no-repeat;
  background-position: center -146px;
  */
}

#row1 { 
    background-color: #f6f6f6;
    border-top: 1px solid #cecece;
    border-bottom: solid 1px #cecece;
  height: 180px;
  display: block;
  position: relative;
}

#row1::after { 
    content: "";
    background: url(images/safeco-pano.jpg)  -80px -60px no-repeat;
    opacity: 0.25;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#row2 {
    background-color: #f6f6f6;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;    
}

#menu {     
  font: normal 12px Arial;
  color: #ffffff;       
}

#menu a { 
  color: white;
  text-decoration: none;
 }

#menu a:hover { color: #0000ff; }

#navbuttons ul li {  
  background-color: #ffc354;
  color: #000099;
}

#introduction { font-size: 11px; }

.main-big { 
  font-weight: 600;
  font-size: 20px;
 }

.main-less-big { 
  font-weight: 600 !important;
  font-size: 14px;
}

.gg-game-cell {
  background: #FFBD61;
}
.gg-game-cell-view {           
  background: #D4E6FA !important;
 }
.gg-game-cell-large {                      
  background: #D4B5A9;
 }
.active-game {
  background: #61A3FF !important;
}

.selected-home-game {   background: #CFE74C !important; }
.selected-away-game {   background: #AFD2A4 !important; }

.text-center { 
  display: block;
  text-align: center;
 }

.title-image-div { 
  text-align: center;
  padding-left: 4px;
 }

.header-bar {
  background: #3F5DAA;
  display:none;
  height: 4px;
  margin:8px;
}

#teamfilter .header-bar    { width:332px; }
#tripviewer .header-bar    { width:268px; }

.btp-form { border: 1px solid  #3f5ddd; }

.popup { 
  z-index: 5;
         padding: 4px;
  border: solid 14px #555555;
  background: #ffffff;         
}

.popup-button { 
  background: #FDC36B; 
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  padding: 2px;  
  border: solid 1px black; 
  margin: 2px 10px;
}
.popup-button-hover { background: #FDF86B !important; }

#teamfilter td { 
  color: blue;
  cursor: pointer;
 }

.teamfilter-active {     background: #dddddd !important;  }
#teamfilter-options-select-next, #teamfilter-options-goto-next { }
.teamfilter-options-hover { }

#placemark-prompt ul li { }  
.placemark-prompt-hover { }

.tripviewer-gamerow-odd  { background: #ffffff; border-bottom: solid 1px #cecece;}
.tripviewer-gamerow-even { background: #ffffff; border-bottom: solid 1px #cecece;}

#tripgenerator-options { background: #e3f4ff; color: #000000 }
#teamfilter { background: #ffffff; }
#generator { background: #ffffff; }
#tripviewer { background: #ffffff; }


/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }

/* FIXED: was conflicting with GMAPS code, removed one '9' from left position value */
.ui-helper-hidden-accessible { position: absolute; left: -9999999px; }
/* ORIGINAL* /
/*.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }*/

.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=e67f45&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=7e7ae4&fcHeader=222222&iconColorHeader=222222&bgColorContent=bcd727&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=ffa575&bgTextureDefault=02_glass.png&bgImgOpacityDefault=50&borderColorDefault=7e7ae4&fcDefault=222222&iconColorDefault=888888&bgColorHover=a19ee4&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=eefca2&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }

.ui-widget-content {  }
.ui-widget-content a { color: #222222; }
.ui-widget-header { font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { font-weight: normal;  outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #222222; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { background: #a19ee4 url(images/ui-bg_glass_75_a19ee4_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { background: #73B4D4 /*url(images/ui-bg_glass_65_eefca2_1x400.png)*/; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight { background: #a8a8a8; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { /*-moz-border-radius: 4px; -webkit-border-radius: 4px;*/ }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }

/* Datepicker
----------------------------------*/

.ui-datepicker { width: 100%; padding: 0; font-size: 75%; }
.ui-datepicker .ui-datepicker-header { position:relative; padding: 0 0 .1em 0; margin: 0 0em; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 0px; width: 1em; cursor: pointer;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 0px; }
.ui-datepicker .ui-datepicker-prev { left:0px; }
.ui-datepicker .ui-datepicker-next { right:.4em; }
.ui-datepicker .ui-datepicker-prev-hover { left:0px; }
.ui-datepicker .ui-datepicker-next-hover { right:.4em; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute;  margin-left: 0px; top: 50%; margin-top: 0px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.6em; text-align: center; font-size: 0.8em;}
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 96%; font-size: .8em; border-collapse: collapse; margin:0 auto; }
.ui-datepicker th { padding: .1em .1em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px !important; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .1em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:left; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* JQuery UI changes */
.ui-datepicker { 
  width: 129px;
  border: solid 1px #aaaaaa;  
  background: #C4E8FF !important;
  z-index: 9
}
.ui-datepicker-calendar { background: #C4E8FF; }
.ui-datepicker-header { background: #C4E8FF !important; }
.ui-widget-header { background: #ffffff; color: #222222 }
.ui-widget-content { background: #ffffff; color: #222222 }
.ui-state-default { color: #222222; background-repeat: repeat-x; }