﻿div#meeting-room-wrapper
{
width				: 745px;
padding				: 0px 20px 20px 20px;
overflow			: hidden;
background-color    : #FFF;
}

div#meeting-room-wrapper div.top-bar
{
width				: 745px;
padding				: 5px 20px 10px 00px;
overflow			: hidden;
background-color    : #FFF;
}

div#meeting-room-wrapper div.top-bar p
{
font-size           : 75%;
line-height         : 30px;
color               : #666;
margin              : 0px 0px 0px 0px;
font-weight         : normal;
background-color    : #EEE;
width               : 540px;
float               : left;
border-bottom       : 1px solid #CCC;
}

div#meeting-room-wrapper div.top-bar p.right
{
text-align          : right;
width               : auto;
}

div#meeting-room-wrapper div.top-bar p a
{
color               : #666;
text-decoration     : none;
}

div#meeting-room-wrapper div.top-bar p a
{
padding-left        : 30px;
background          : url(../images/PropertyDetails/icon-pdf.gif) no-repeat left center;
}

div#meeting-room-wrapper div.top-bar p.right a
{
padding            : 0px 20px 0px 0px;
background-image   : none;
}


div#meeting-room-wrapper div.top-bar p a span
{
color               : #008061;
font-weight         : bold;
}

div#meeting-room-wrapper div.meeting-room
{
width				: 460px;
overflow            : hidden;
border-bottom       : 1px solid #CCC;
padding             : 12px 0px 10px 0px;
}

div#meeting-room-wrapper div.meeting-room div.image
{
width               : 140px;
margin-right        : 20px;
float               : left;
}

div#meeting-room-wrapper div.meeting-room div.details
{
width				: 300px;
float               : left;

}

div#meeting-room-wrapper div.meeting-room div.details p.header
{
color               : #333;
font-weight         : bold;
margin              : 0px 0px 5px 0px;
}

div#meeting-room-wrapper div.meeting-room div.details p
{
font-size           : 75%;
line-height         : 16px;
color               : #666;
margin              : 0px 0px 15px 0px;
font-weight         : normal;
}

div#meeting-room-wrapper div.meeting-room div.details p a
{
background-color    : #008061;
color               : #FFF;
font-size           : 90%;
text-decoration     : none;
padding             : 1px 5px 1px 5px;
margin-right        : 10px;
}

/* Booking Form */

div#meeting-room-wrapper fieldset p em 
{
float               : left;
color               : Red;
clear               : both;
margin              : 0 0 0 150px;
}

div#meeting-room-wrapper fieldset.bottom p em
{
margin              : 0 0 0 0;
}
/* Top half */

div#meeting-room-wrapper fieldset.top
{
border              : 0px;
margin              : 10px 0px 0px 0px;
padding             : 0px;
}

div#meeting-room-wrapper fieldset.top legend
{
display             : none;
}

div#meeting-room-wrapper fieldset.top p
{
font-size           : 75%;
line-height         : 16px;
color               : #333;
margin              : 0px 0px 1px 0px;
font-weight         : normal;
background-color    : #EEE;
padding             : 8px 0px 8px 20px;
overflow            : hidden;
}

div#meeting-room-wrapper fieldset.top p label
{
width               : 150px;
display             : block;
float               : left;
}

div#meeting-room-wrapper fieldset.top p input
{
font-family         : arial;
font-size           : 100%;
border              : 1px solid #CCC;
color               : #666;
margin-top          : 0px;
width               : 200px;
padding             : 1px;
}

div#meeting-room-wrapper fieldset.top p textarea
{
font-family         : arial;
font-size           : 100%;
border              : 1px solid #CCC;
color               : #666;
margin-top          : 7px;
width               : 200px;
padding             : 1px;
}

/* Bottom half */

div#meeting-room-wrapper fieldset.bottom 
{
width               : 745px;
border              : 0px;
margin              : 0px 0px 0px 0px;
padding             : 0px;
overflow            : hidden;
}

div#meeting-room-wrapper fieldset.bottom legend
{
display             : none;
}

div#meeting-room-wrapper fieldset.bottom div.for-bg-color
{
width               : 745px;
background-color    : #D8D8D8;
margin-bottom       : 1px;
overflow            : hidden;
}

div#meeting-room-wrapper fieldset.bottom p
{
font-size           : 75%;
line-height         : 16px;
color               : #333;
margin              : 0px 0px 1px 0px;
font-weight         : normal;
padding             : 5px 0px 5px 20px;
overflow            : hidden;
display             : block;
float               : left;
}

div#meeting-room-wrapper fieldset.bottom p.left
{
width               : 130px;
}

div#meeting-room-wrapper fieldset.bottom p.middle
{
width               : 250px;
}

div#meeting-room-wrapper fieldset.bottom a.Calendar
{
display             : block;
background          : url(../images/generic/icon-calendar.gif) no-repeat;
width               : 28px;
padding-top         : 22px;
height              : 0px;
overflow            : hidden;
margin-left         : 10px;
}

div#meeting-room-wrapper fieldset.bottom p.right
{
width               : 305px;
}

div#meeting-room-wrapper fieldset.bottom p input
{
font-family         : arial;
font-size           : 100%;
border              : 1px solid #CCC;
color               : #666;
margin-top          : 2px;
width               : 200px;
padding             : 1px;
float               : left;     
}

div#meeting-room-wrapper fieldset.bottom p select
{
font-family         : arial;
font-size           : 100%;
border              : 1px solid #CCC;
color               : #666;
margin-top          : 2px;
width               : 204px;
padding             : 1px;
float               : left;     
}

div#meeting-room-wrapper fieldset.bottom p.middle-and-right
{
width               : 555px;
}

div#meeting-room-wrapper fieldset.bottom p textarea
{
font-family         : arial;
font-size           : 100%;
border              : 1px solid #CCC;
color               : #666;
margin-top          : 7px;
width               : 300px;
padding             : 1px;
float               : left;
margin-right        : 20px;
}

div#meeting-room-wrapper fieldset.bottom p span
{
color               : #666;
}

div#meeting-room-wrapper fieldset.bottom p label
{
display             : block;
}


div#meeting-room-wrapper fieldset.bottom div.denotes
{
background-color    : #EEE;
width               : 425px;
float               : left;
padding-left        : 20px;
}

div#meeting-room-wrapper fieldset.bottom div.send-link
{
background-color    : #EEE;
width               : 280px;
float               : left;
padding-right       : 20px;
}

div#meeting-room-wrapper fieldset.bottom div.denotes p
{
padding             : 10px 0px 10px 0px;
float               : none;

}

div#meeting-room-wrapper fieldset.bottom div.send-link p
{
padding             : 10px 0px 10px 0px;
float               : none;
text-align          : right;
}

div#meeting-room-wrapper fieldset.bottom div.send-link input
{
background-color    : #008061;
color               : #FFF;
font-size           : 70%;
text-decoration     : none;
padding             : 2px 8px 2px 8px;
margin-right        : 10px;
border              : none;
line-height         : 17px;
float               : right;
}

div#meeting-room-wrapper fieldset.bottom div.send-link div.send-link-wrap
{
padding             :9px 0;
overflow            :hidden;
}


/* Silver Box - KSP TV */

div.silver-box
{
padding				: 15px 0px 0px 8px;
overflow			: hidden;
}

div.silver-box div.header
{
width               : 100%;
background-image    : url(../images/generic/silver-box-header-end.gif);
background-position : top right;
background-repeat   : no-repeat;
background-color    : #CCC;
}

div.silver-box div.header p
{
font-size           : 110%;
line-height         : 36px;
color               : #333;
margin              : 0px 0px 0px 0px;
padding             : 0px 0px 0px 20px;
font-weight         : bold;
background-image    : url(../images/generic/silver-box-header-start.gif);
background-position : top left;
background-repeat   : no-repeat;
}

div.silver-box#ksp-tv div.content 
{
border-left         : 1px solid #CCC;
border-right        : 1px solid #CCC;
overflow            : hidden;
width               : 268px;
}

div.silver-box div.footer
{
width               : 100%;
background-image    : url(../images/generic/silver-box-footer-end.gif);
background-position : right;
background-repeat   : no-repeat;
clear               : both;
}

div.silver-box div.footer span
{
font-size           : 100%;
line-height         : 12px;
color               : #333;
margin              : 0px 0px 0px 0px;
padding             : 0px 0px 0px 20px;
font-weight         : bold;
background-image    : url(../images/generic/silver-box-footer-start.gif);
background-position : left;
background-repeat   : no-repeat;
}

/* Widths */

div.silver-box#ksp-tv div.header, div.silver-box#ksp-tv div.footer, div.silver-box#ksp-tv div.ksp-tv-moviepane
{
width				: 270px;
}

div.silver-box#ksp-tv div.ksp-tv-moviepane
{
float               : left;
overflow			: hidden;
}

div.silver-box#ksp-tv div.ksp-tv-moviepane a
{
display				: block;
position			: relative;
width               : 270px;
}

div.silver-box#ksp-tv div.ksp-tv-moviepane a img.play-image
{
position			: absolute;
left				: 102px;
top					: 45px;
opacity				: 0;
}


div#meeting-room-wrapper-inner 
{
    width:460px;
    float:left;
    overflow:hidden;
}

div#vids-right
{
    width:280px;
    float:left;
}
