/* CSS Document styles transfered from the map page*/

.style1 {

    /*background-color:#b5d6f9;*/
    font-weight:bold;
    color:#d7e7f8;
    border:0px #006699 solid;

    margin:0px;
    width:20px;
    text-align:center;
    text-color:#d7e7f8;
    text-decoration:none;
    opacity : 0.9;
}
.style2 {

    background-color:#d7e7f8;
    color:#000000;
    border:2px #006699 solid;
    padding-bottom:5px;
    width:120px;
    font-size:9;
}
.style3 {

    /*background-color:#d7e7f8;*/
    background-color:#d7e7f8;
    color:#000000;
    border:2px #006699 solid;
    padding-bottom:5px;
    /*width:120px;*/
    font-size:9;

}


div.checklist div { background: none; padding-left: 0; }

/* CSS for checklists */
div.checklist {
    border: 1px solid #ccc;
    list-style: none;
    height: 20px;
    overflow: auto;
    width: 150px;
    z-index:100;
    cursor:pointer ;
    valign:top;
}
div.checklist, .checklist div { margin-left: 0; padding: 0; }
div.checklist label { display: block; padding-left: 25px; text-indent: -25px; }
div.checklist label:hover, .checklist label.hover { background: #777; color: #fff; }
* html div.checklist label { height: 1%; }

/* Checklist 1 */
div.cl1 { font-size: 1em; width: 150px; height: 20px; display:block; }
div.cl2 { display:none; }
div.cl1 alt { background: #f5f5f5; }
div.cl1 input { vertical-align: middle; }
div.cl1 label:hover, div.cl1 label.hover { background: #ddd; color: #000; }

div.page {

    height : 10px;
    z-index:100;
}

div.expand{
    border: 1px solid #ccc;
    list-style: none;
    /*height: 15px;*/
    overflow: auto;
    width: 50px;
    font-size: 0.9em;
    width: 150px;
    height: 75px;
    z-index:100;
    valign:top;
}

div.expand div { background: none; padding-left: 0; z-index:10;   }
* html div.expand label { height: 1%; }
/* CSS for checklists */

div.expand, .expand div { margin-left: 0; padding: 0; }
div.expand label { display: block; padding-left: 25px; text-indent: -25px; }
div.expand label:hover, div.expand label.hover { background: #777; color: #fff; }


div.expand div.alt { background: #f5f5f5; }
div.expand input { vertical-align: middle; }
div.expand label:hover, div.expand label.hover { background: #ddd; color: #000; }


html, body { height: 100%; width: 100%; padding: 0; border: 0; }
#main { height: 100%; width: 100%; padding: 0; border: 0; }
#header, #mainSplit { margin: 20px; }

/* pre-loader specific stuff to prevent unsightly flash of unstyled content */
#loader {
    padding:0;
    margin:0;
    position:absolute;
    top:0; left:0;
    width:100%; height:100%;
    background:#eeffff;
    z-index:999;
    vertical-align:center;
}

#splash{
    display: none;
}

#loaderInner {
    padding:5px;
    position:relative;
    left:0;
    top:0;
    width:175px;
    background:#3c3;
    color:#fff;

}
div.hidden {
    display: none;
}
div.visible {
    display: visible;
}
div.large {
    display: none;
    height:500px;
}
div.small {

    /*height:100px;*/
}

div.highlight{

    background-color: #c0c0c0;
    text-decoration:none;

}
/*tr.trhighlight{

background-color: #c0c0c0;
text-decoration:none;
			border-color:#b5d6f9;
padding:3px;
height:23px;
}*/

div.highlight_none{
    background-color: white;

}

div.block a { display: block; text-decoration:none;}
div.block a:hover { background-color: #c0c0c0;text-decoration:none; }

div.multi{
    position:absolute;
    z-index:10;
    overflow: auto;
    width:90px;
    display:block;
    height : 10px ;
}



div.minus{
    display: none;


}

div.markerLabel {
    text-align: center;
    color: white;
    /*width: 32px;*/
    letter-spacing: 0px;
    font-size: 12px;
    font-family: Arial;
}




div.round {
    display: none;
    height:100px;
}
div.mapwidget {
    /*height:200px;*/
    width:240px;
    padding:5px;
    margin-top:15px ;
    /*overflow: auto;*/


    /*height:500px;*/
    /*background: #d7e7f8;*/
    border:1px solid #bfbfbf;
    border-top: 1px solid #cddde9;	/* w/out this, an <h1> on the top line causes a gap between the .content and .label */
    border-bottom : 1px solid #bfbfbf;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    /*overflow-y: scroll;*/
}

div.mapwidget1 {
    height:750px;
    width:264px;
    padding:5px;
    margin-top:0px ;
    overflow: auto;
    padding:5px;
    /* background: #d7e7f8;*/
    border:0px solid #bfbfbf;
    border-top: 0px solid #cddde9;	/* w/out this, an <h1> on the top line causes a gap between the .content and .label */
    border-bottom : 0px solid #bfbfbf;
    -moz-border-radius: 0em;
    -webkit-border-radius: 0em;
    border-radius: 0em;

    /*overflow-y: scroll;*/
}

div.rightWidget1 {
    /*height:200px;*/
    width:230px;
    padding:5px;
    margin-top:0px ;
    /*overflow: auto;*/


    /*height:500px;*/
    /*background: #d7e7f8;*/
    border:1px solid #bfbfbf;
    border-top: 1px solid #cddde9;	/* w/out this, an <h1> on the top line causes a gap between the .content and .label */
    border-bottom : 1px solid #bfbfbf;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    /*overflow-y: scroll;*/
}

div.rightWidget {
    height:280px;
    width:240px;
    padding:5px;
    margin-top:0px ;
    overflow: auto;
    padding:5px;
    /*background: #d7e7f8;*/
    border:0px solid #bfbfbf;
    border-top: 0px solid #cddde9;	/* w/out this, an <h1> on the top line causes a gap between the .content and .label */
    border-bottom : 0px solid #bfbfbf;
    -moz-border-radius: 0em;
    -webkit-border-radius: 0em;
    border-radius: 0em;
    /*overflow-y: scroll;*/
}

div.rounded-box {

    background-color: #E6E6E6;
    margin: 1px;

}

div.hidden {
    display: none;
}

div.context {
    border-bottom:1px #d2e3f4 solid;
    text-decoration:none;
}
div.visible {
    display: visible;
}


div.top-left-corner, div.bottom-left-corner,
div.top-right-corner, div.bottom-right-corner
{
    position:absolute;
    width:20px;
    height:20px;
    background-color:#FFF;
    overflow:hidden;
}
div.top-left-inside, div.bottom-left-inside,
div.top-right-inside, div.bottom-right-inside
{
    position:relative;
    font-size:150px;
    font-family:arial;
    color:#E6E6E6;
    line-height: 40px;
}
div.top-left-corner {
    top:0px;
    left:0px;
}
div.bottom-left-corner {
    bottom:0px;
    left:0px;
}
div.top-right-corner {
    top:0px;
    right:0px;
}
div.bottom-right-corner {
    bottom: 0px;
    right:0px;
}
div.top-left-inside {
    left:-8px;
}
div.bottom-left-inside {
    left:-8px;
    top:-17px;
}
div.top-right-inside {
    left:-25px;
}
div.bottom-right-inside {
    left:-25px;
    top:-17px;
}
div.box-contents {
    position: relative;
    padding: 8px;
    color:#000;
}

img{

    border:none;
}

hr.spacer {
    border:0;
    background-color:#ededed;
    width:80%;
    height:1px;
}

div.weather_hide{
    display : none ;
}
div.weather_show{
    display : visible ;
}

div.cgbooknw-widget{
  padding: 0.2em 0.2em 0.2em 0.2em;
  cursor: pointer;  
  text-align: right;
  text-decoration: none;
  float:left;
  background: url(../images/book_now.gif) no-repeat center bottom;
  text-indent: -999em;
  height: 35px;
  text-align:right;
  width:134px;
}

.elableStyle {

    background-color:#d7e7f8;
    color:#000000;
    border:2px #006699 solid;
    padding-bottom:5px;
    width:100px;
    font-size:9;
}