/****************************************************************************************/
/*                                                                                      */
/* Futuroom.cz website - GLOBAL DESIGN                                                  */
/*                                                                                      */
/* Version:         2009-27-07 15:58                                                    */
/* Last changed by: Filip Zadnik                                                        */
/* Version:         2009-17-04 12:00                                                    */
/* Last changed by: Jakub Kocourek                                                      */
/*                                                                                      */
/****************************************************************************************/
/****************************************************************************************/

/* GLOBAL SETTINGS ==================================================================== */

form, ul, li, ol, h1, h2, h3, h4, h5, h6, object, p, body, form, dl, dd, dt
{
	margin: 0;
	padding: 0;
}

body
{
	margin-bottom: 40px;
	font-size: 80%;
	font-family: "Arial", "Verdana", "Tahoma";
	font-family: Arial, Verdana, Tahoma;
	color: black;
	background-color: white;
}

h1, h2, h3, h4, h5, h6, input, select, textarea
{
	font-family: "Arial", "Verdana", "Tahoma";
	font-family: Arial, Verdana, Tahoma;
	font-size: 100%;
}

h1
{
    font-weight: 900;
    font-size: 210%;
}

h2
{
    font-weight: 900;
    font-size: 210%;
}

h3
{
    font-weight: 600;
    font-size: 140%;
}

h4
{
    font-weight: 600;
    font-size: 90%;
}

h5
{
    font-weight: 500;
    font-size: 75%;
}

.normal
{
	font-weight: normal;
}

.intend h3.green
{
    color:#8DC73F;
}

.intend h3.red
{
    color:#EB0000;
}

img
{
	border: none;
}

a
{
	cursor: pointer;
	text-decoration: none;
	color: black;
}

a:hover 
{
    text-decoration: underline;
}

.bold
{
	font-weight:bold;
}

.clear
{
	width: 100%;
	height: 1px;
	display: block;
	overflow: hidden;
	clear: both;
	color: white;
	border: none;
}

table.tab
{
	width: 100%;
	color: #767676;
}

th
{
	text-align: left;
}

table.tab td
{
	text-align: center;
}
/* CENTRAL PAGE ======================================================================= */

#page
{
	width: 980px;
	position: relative;
	margin: 0 auto 0 auto;
	display: block;
	overflow: visible;
}

/* TOP MENU PART ====================================================================== */

#header
{
	width: 100%;
	height: 120px;
	position: absolute;
	left: 0;
	top: 0;
}

#header #logo
{
	position: absolute;
	left: 1px;
	top: 24px;
}

#header #logoTitle
{
	position: absolute;
	display: none;
	left: 1px;
	top: 70px;
	color:#004a80;
	font-size:86%;
	font-weight:bold;
}

#header a#logoTitle:hover
{
	text-decoration:none;
}

#header .partners
{
	left:297px;
  	position:absolute;
  	top:30px;
	font-size:90%;
}

#header .partners a
{
    color:#909090;
}

#header .partners .images
{
	position: relative;
}

#header .partners .images #futuroom
{
	position: absolute;
	top:8px;
	left: 0px;
}

#header .partners .images #ppf
{
	position: absolute;
	top:2px;
	left: 180px;
}

/*
#header .partners .images #wan
{
	left:168px;
  position:absolute;
  top:1px;
}
#header .partners .images #fss
{
	left:440px;
  position:absolute;
  top:-7px;
}

#header .partners .images #rta
{
	position: absolute;
	left: 500px;
	top: 5px;
}

#header .partners .images #wef
{
	left:379px;
  position:absolute;
  top:-5px;
}
#header .partners .images #o2
{
	position: absolute;
	left: 634px;
	top: 3px;
}
*/

#header .language
{
	float:right;
	position:relative;
	top:26px;
	left:-4px;
	text-align:right;
}

#header .searchPanel
{
	position:absolute;
	top:50px;
	left:830px;
	display:none;
}

#header .searchPanel .text
{
	width: 110px;
	height: 14px;
	padding: 3px 5px;
	display: block;
	float: left;
	overflow: hidden;
	border: 1px solid #cfcfcf;
	background: #fbfbfb;
	color: #838383;
	font-size: 86%;
}

#header .searchPanel .button
{
	width: 22px;
	height: 20px;
	float: left;
	position: relative;
	top: 2px;
	left:10px;
	border: none;
	background: #ebebeb url(../images/magnifier.png) no-repeat left top;
	cursor:pointer;
}

#header ul
{
	width: 970px;
	height: 16px;
	padding:6px 5px;
	position: absolute;
	left: 0;
	top: 91px;
	background: #002E67;
	list-style: none;
}

#header ul li
{
	display: block;
	float: left;
	padding:0 7px;
	position: relative;
	top: 0px;
	border-right: 1px solid white;
}

#header ul .last
{
	border: none;
}

#header ul li a
{
	color: white;
	font-weight: bold;
}

/* CONTENT PANEL ==================================================================== */

.contentPanel 
{
	width: 100%;
	position:relative;
	top:140px;
	padding-bottom:20px;
}

.leftColumn 
{
	width: 732px;
	float: left;
}

.rightColumn 
{
	width: 232px;
	float: right;	
}

/* NAVIGATION PANEL ================================================================= */

.navigation 
{
    padding-bottom:8px;
    position:relative;
    background: url(../images/grey-border.png) repeat-x left bottom;
}

.navigation h1 
{
    font-size:240%;
}

.navigation a 
{
    color:#004A80;
    font-size:110%;
}

.navigation .grey 
{
    color:#C8C8C8;
}

/* BOTTOM PANEL ===================================================================*/

.contentPanelFull
{
	width: 100%;
	float: none;
	top: 140px;
	padding: 10px 0;
	position: relative;
	clear: both;
}

#bottomPanel
{
	background: #27557E url(../images/bottomBackground.gif) repeat scroll 0 0;
	clear: both;
	color: white;
	height: 0px;
	overflow: hidden;
}

#copyrightPanel
{
	background: #002E67;
	color:white;
	padding:5px 0 5px 20px;
	position:relative;
}

#copyrightPanel span
{
	font-size:85%;
	font-weight:bold;
}

#copyrightPanel span a
{
	color: white;
	text-decoration: underline;
}

#copyrightPanel span a:hover
{
	text-decoration: none;
}

/* CONTACT PAGE ===================================================================== */

.intend
{
    border-bottom:1px solid #E9E9E9;
    padding:16px 5px 20px 20px;
}

.intend .mainPicture 
{
    padding-bottom:30px;
}
.intend .fitness 
{
    float:right;
    padding-left:22px;
}

.intend h2 
{
    font-size:150%;
}

.intend h1
{
    font-size:240%;
    text-align:center;
}

.intend .leftColumn 
{
    float:left;
    font-size:130%;
    margin-top:10px;
    width:50%;
}

.intend .rightColumn 
{
    float:right;
    font-size:130%;
    margin-top:10px;
    width:44%;
}

.intend .rightColumn strong,
.intend .leftColumn strong
{
    font-size:126%;
}

.intend a.googleMaps 
{
    color:#E30101;
    font-weight:bold;
    position:relative;
    top:2px;
}

.intend a.googleMaps img 
{
    position:relative;
    top:-2px;
    padding-right:4px;
}

.intend .googleMap 
{
    padding:20px 0 0px 0;
}

/* TERMS PAGE ===================================================================== */

.intend p,
.intend li
{
    margin:16px 0;
    color:#767676;  
    font-size:130%;
}  

.intend li
{
	margin-left: 40px;
}

.intend a.mailto
{
    font-weight:normal;
    color:red;
} 

.intend h2.termsHeaders 
{
    margin-top:30px;
}


/* ACCOMODATION PAGE ===================================================================== */


.intend .item
{
   border-top:1px solid #E9E9E9;
   
}

.intend .item b
{
    color:#000;
}

.intend .gallery
{
    width:190px;
    height:385px;
    float:right;
    background:#e9e9e9;
    margin:30px 0 10px 20px;
    font-size:95%;
    position:relative;
}

.intend .gallery img
{
    margin:15px 0 0 15px;
}

.intend .gallery span
{
    margin:5px 0 0 15px;
    color:#919191;
    display:block;
}


.intend .gallery a
{
    position:absolute;
    bottom:10px;
    right:25px;
    display:block;
    font-size:95%;
}


/* PROGRAMME PAGE ===================================================================== */

.intend #visualition
{
    width:321px;
    height:156px;
    float:right;
    margin:10px 0 0 20px;
}

.intend a.googleLink
{
    display:block;
    padding:0 0 0 20px;
    background:url(../images/link.png) 0 2px no-repeat;
    color:Red;
    font-weight:bold;
    margin-bottom:10px;
}


#shortProgramme
{
    display:none;
}

.shortProgrammeVersion
{
    border-bottom:1px solid #e9e9e9;
    padding-bottom:12px;
}

.shortProgrammeVersion h2 
{
    margin:16px 5px 0px 20px;
    font-size:160%;
}

.shortProgrammeVersion a.showHide
{
    display:block;
    padding:0 0 0 20px;
    background:url(../images/triangle.png) 0 2px no-repeat;
    font-weight:bold;
    margin-left:20px;
}

.shortProgrammeVersion .startTime,
.intend .programmeDetail .startTime
{
    display:block;
    width:34px;
    line-height:34px;
    color:#fff;
    text-align:center;
    background:#ff0000;
    position:absolute;
    left:20px;
    font-size:86%;
}

.shortProgrammeVersion .startTime.green,
.intend .programmeDetail .startTime.green
{
    background:#8dc73f;
}

.shortProgrammeVersion .startTime.blue,
.intend .programmeDetail .startTime.blue
{
    background:#0076a3;
}

.shortProgrammeVersion .startTime.orange,
.intend .programmeDetail .startTime.orange
{
    background:#f8941d;
}

.shortProgrammeVersion .date
{
    margin:30px 0 22px 20px;
    font-size:170%;
    font-weight:bold;
    clear:both;
}

.shortProgrammeVersion h3,
.intend .programmeDetail h3
{
    padding-left:66px;
    /*font-size:86%;*/
    min-height:26px;
}

.intend h3.margin
{
	margin-left:66px;
}

.intend .programmeDescription h3 {
    font-size:100%;
	margin-top: 10px;
}

.intend .programmeDetail h3.grey
{
    color:#5e5e5e;
}

.shortProgrammeVersion .time,
.intend .programmeDetail .time
{
    padding-left:66px;
    font-size:70%;
    width:164px;
    color:#5e5e5e;
}

.fullLine,
.shortProgrammeVersion .fullLine
{
    margin:4px 0 2px 0;
    border-bottom:1px solid #e9e9e9;
    font-size:0;
    line-height:0;
}

.shortProgrammeVersion .description
{
    padding-left:66px;
    font-size:86%;
    width:164px;
    color:#5e5e5e;
}

.shortProgrammeVersion .singleProgramme
{
    float:left;
    position:relative;
    padding:0 0 20px 0;
}

.shortProgrammeVersion .singleProgramme h3
{
    padding-left:66px;
    font-size:86%;
    width:176px;
    min-height:26px;
}

.shortProgrammeVersion .singleProgramme .description
{
    padding:10px 0 0 66px;
    font-size:86%;
    width:164px;
    color:#5e5e5e;
}

.intend .date
{
    margin:30px 0 22px 0px;
    font-size:160%;
    font-weight:bold;
    clear:both;
}

.intend .date#first
{
    margin-top:0px;
}

.intend .programmeDetail
{
    position:relative;
    margin-bottom:16px;
}

.intend .programmeDescription
{
    position:relative;
    margin-bottom:16px;
    margin-left: 20px;
}

.intend .programmeDetail .description
{
    padding:10px 0 0 66px;
    font-size:110%;
    color:#5e5e5e;
}

.intend .programmeDescription .description
{
    font-size:100%;
    color:#5e5e5e;
}

.intend .block
{
    padding:10px 0 10px 0px;
    font-size:140%;
}

.intend .programmeDetail .italic
{
    font-style:italic;
}

.intend .programmeDetail .image
{
    margin:10px 12px 0 0;
    width:108px;
    padding:8px 8px 6px 8px;
    background:#e9e9e9;
    float:left;
}

.intend .programmeDetail .image .note
{
    padding:4px 0 0 6px;
    font-size:68%;
}

.intend .programmeDetail h3
{
	font-size: 130%;
}
/* MAIN PAGE ================================================================*/
#fbanner
{
    float:left;
    height:282px;
    width:363px;
}
#bigMenu 
{
    height:372px;
    position:relative;
    width:732px;
}

#bigMenuImage 
{
    background:white none repeat scroll 0 0;
    float:left;
    height:282px;
    width:363px;
}

#bigMenuContent 
{
    background:#ECECEC url(../images/design/content-blocks/silver.gif) repeat scroll 0 0;
    float:right;
    height:282px;
    width:369px;
}

#bigMenuContent h1 
{
    font-size:210%;
    font-weight:900;
    line-height:100%;
    margin:18px 17px 0 20px;
}

#bigMenuContent p 
{
    border-top:1px solid black;
    font-size:105%;
    margin:14px 17px 0 20px;
    overflow:hidden;
    padding:18px 0 0;
}

#bigMenu ul li#item1 
{
    background:#FF0E0E;
    width:184px;
}

#bigMenu ul li#item2 
{
    background:#F8941D;
    width:178px;
}

#bigMenu ul li#item3 
{
    background:#0076A3;
    width:180px;
}

#bigMenu ul li#item4 
{
    background:#8DC73F;
    border-right:0 none;
    width:187px;
}

#bigMenu ul li 
{
    border-right:1px solid white;
    float:left;
    height:90px;
    overflow:hidden;
}

#bigMenu ul li a.left 
{
    margin:15px 8px 8px 21px;
}

#bigMenu ul li a 
{
    border-top:2px solid white;
    color:white;
    display:block;
    font-size:125%;
    font-weight:800;
    line-height:100%;
    margin:15px 8px 8px;
    padding:9px 0 0;
}

#bigMenu .select 
{
    width: 32px;
    height: 12px;
    position: absolute;
    bottom: 90px;
}

#bigMenu ul li#item1 .select 
{   
    left: 11px;
    background: url(../images/arrow-red.gif);
}

#bigMenu ul li#item2 .select 
{   
    left: 200px;
    background: url(../images/arrow-orange.gif);
}

#bigMenu ul li#item3 .select 
{   
    left: 377px;
    background: url(../images/arrow-blue.gif);
}

#bigMenu ul li#item4 .select 
{   
    left: 555px;
    background: url(../images/arrow-green.gif);
}

#bigMenu ul li div 
{
    display:none;
}

#bigMenu ul li:hover div
{
    display:block;
}

.shortProgrammeVersion .visible#shortProgramme
{
    display:block;
}

.shortProgrammeVersion  .fullProgrammeLink
{
    color:red;
    font-size:120%;
    font-weight:normal;
    padding-left:14px;
    margin-left:20px;
    background: url(../images/two-pink-arrows.gif) no-repeat 2px 7px;
}

.rightColumn .marginTop
{
	margin: 35px auto 0;
	display: block;
}

/* SPEAKERS PAGE ===================================================================== */

.speakerFoto
{
    float:right;
    width:196px;
    margin:20px 10px 20px 20px;
    padding:11px;
    background:#E9E9E9;
    text-align:center;
}

.speakerFoto p
{
    margin:15px 0 0 10px;
    font-size:95%;
    color:#919191;
    text-align:left;
}

/* DOWNLOAD PAGE ===================================================================== */

#adress
{
    width:100%;
}

#adress fieldset#up
{
    margin:0;
    padding:0 0 35px;
    border:medium none;
}

#adress table
{
    margin-top:35px;
}

#adress .column1
{
    width:161px;
    height:48px;
    padding-right:10px;
    text-align:right;
    vertical-align:middle;
}

#adress label
{
    font-size:140%;
    font-weight:900;
}

#adress table tr td em
{
    color:#F038A5;
    font-size:120%;
    font-weight:bold;
}

#adress fieldset#up .column2
{
    font-size:140%;
    font-weight:600;
}

#adress .column2
{
    text-align:left;
    vertical-align:middle;
}

#adress .column3
{
    width:150px;
    height:48px;
    padding-right:10px;
    padding-top:12px;
    text-align:right;
    vertical-align:top;
}

#adress .text
{
    height:34px;
    width:244px;
    border:1px solid #CACACA;
    background-color:#F8F8F8;
}

h1, h2, h3, h4, h5, h6, input, select, textarea
{
    font-family:Arial,Verdana,Tahoma;
    font-size:100%;
}

//*#adress textarea
{
    height:150px;
    width:500px;
    background-color:#F8F8F8;
    border:1px solid #CACACA;
}*/

#registrationButton
{
    width:142px;
    height:42px;
    border:none;
    background:#E9E9E9 url(../images/grey-gradient-button.png) no-repeat scroll 0 0;
}

/*===FORM===============================================================================*/

/* [addComment] ============================================== */

.addComment
{
    padding: 15px 20px 18px 20px;
}

.comment .content form .addComment
{
    padding: 15px 0px 0px 0px;
}

.addComment table th,
.addComment table td label
{
    width: 195px;
    height: 30px;
    padding-right: 8px;
    text-align: right;
    font-size: 130%;
	vertical-align: top;
	line-height: 30px;
	font-weight: bold;
}

/*
#single-rooms1,
#double-rooms1,
#single-rooms2,
#double-rooms2,
#single-rooms3,
#double-rooms3
{
	position: relative;
	top: 6px;
}
*/

.comment .content form .addComment table th
{
    width: 100px;
}

.comment .content form .addComment .content
{
    padding: 0px;
}

.addComment table td.borderBottom
{
    padding-top:20px;
    margin-top:20px;
    border-bottom:1px solid #E9E9E9;
}

.addComment table
{
    margin-top:15px;
    clear:both;
    border-collapse:collapse;
}


.marginTop
{
    margin-top:15px;
}

.addComment table th .pink
{
    color:#EB0000;
}

.addComment table td #controlCode,
.addComment table td .inputGreyBg.controlCode
{
    width:170px;
    float:left;
    margin-right:13px;
}

.addComment table th.pinkText
{
    text-align: left;
    font-size: 100%;
    font-weight: bold;
    line-height: 20px;
    color: #EB0000;
}

.addComment .leftPart
{
    float:left;
    font-weight:bold;
}

.addComment .leftPart a
{
    color:#EB0000;
}

.addComment .leftPart a:hover
{
    color:#000000;
}

.addComment table th .description
{
    width:120px;
    position:relative;
    left:80px;
    bottom:9px;
    color:#000;
    font-size:60%;
    text-align:left;
    line-height:normal;
    font-weight:normal;
}

.comment .content form .addComment table th .description
{
    width: 100px;
    left: 0px;
}

.addComment tr td .floatLeft
{
	float:left;
	margin-left:10px;
}

.addComment tr td .floatRight
{
	float:right;
	margin-left:10px;
}

.positionRelative
{
    position:relative;
    float:left;
}

.addComment table tr td.note
{
    text-align:left;
    vertical-align: top;
    font-size: 80%;
    font-weight: bold;
    padding-top:10px;
    padding-left: 5px;
}

.titles
{
    cursor:pointer;
}


.intend .addComment li
{
    font-size:110%;
}

/* GREY TEXT INPUT - ON WHITE BACKGROUND ==================================================== */
.inputGreyBg
{
	width: 170px; /*bylo 244*/
	height: 29px;
	margin-top:2px;
	background: #f8f8f8 url(../images/design/forms/grey-input-middle.png) repeat-x 0px 0px;
	/*overflow:hidden;*/
}

.inputGreyBg .left,
.inputGreyBg .right
{
	width: 2px;
	height: 29px;
	display: block;
	overflow:hidden;
}

.inputGreyBg .left
{
	float: left;
	background: url(../images/design/forms/grey-input-left.png) no-repeat 0px 0px;
}

.inputGreyBg .right
{
	float: right;
	background: url(../images/design/forms/grey-input-right.png) no-repeat 0px 0px;
}

.inputGreyBg input,
.inputGreyBg select
{
	width: 158px;/*bylo 232*/

    font-size:130%;
	font-weight:bold;
	padding: 4px 0 6px 0;
	float: left;
	background: transparent;
	border: none;
	position:relative;
	left:4px;
	color:#B1B1B1;
}

.inputGreyBg select
{
    padding:0px;
	margin: 6px 0 6px 0;
}

.inputGreyBg.big
{
  width:400px;
}

.inputGreyBg.big input
{
	width:388px; /*o 12 men�� ne� .inputGreyBg.big */
}

/* GREY TEXTAREA - universal width, height ON  WHITE BACKGROUND ==================================================== */

.textareaGreyBgLeft
{
    width:414px;
	background: #f8f8f8 url(../images/design/forms/grey-textarea-left.png) repeat-y 0px 0px;
	overflow:hidden;
	position:relative;
	margin-bottom:12px;
	position:relative;
	top:8px;
}

.textareaGreyBgRight
{
    width:414px;
	background: url(../images/design/forms/grey-textarea-right.png) repeat-y right top;
	overflow:hidden;
	position:relative;
}


.textareaGreyBgRight .bottom,
.textareaGreyBgRight .top
{
    width: 100%;
	height: 2px;
	display: block;
	overflow: hidden;
	clear: both;
	line-height:0;
	font-size:0;
}

.textareaGreyBgRight .top
{
    background: url(../images/design/forms/grey-textarea-top.png) repeat-x 0px top;
}

.textareaGreyBgRight .bottom
{
    background: url(../images/design/forms/grey-textarea-bottom.png) repeat-x 0px bottom;
}

.textareaGreyBgRight .bottom .left,
.textareaGreyBgRight .top .left
{
    width: 2px;
	height: 2px;
	display: block;
	float: left;
}

.textareaGreyBgRight .bottom .right,
.textareaGreyBgRight .top .right
{
  width: 2px;
	height: 2px;
	display: block;
	float: right;
}

.textareaGreyBgRight .bottom .left
{
	background: url(../images/design/forms/grey-textarea-bottom-left.png) no-repeat 0px 0px;
}

.textareaGreyBgRight .bottom .right
{
	background: url(../images/design/forms/grey-textarea-bottom-right.png) no-repeat 0px 0px;
}

.textareaGreyBgRight .top .left
{
	background: url(../images/design/forms/grey-textarea-top-left.png) no-repeat 0px 0px;
}

.textareaGreyBgRight .top .right
{
	background: url(../images/design/forms/grey-textarea-top-right.png) no-repeat 0px 0px;
}

.textareaGreyBgRight textarea
{
	width: 398px;
	height:158px;
	padding: 5px 4px 4px 10px;
	border: none;
	background: transparent;
    font-size:130%;
	font-weight:bold;
	color:#B1B1B1;
}


/* GREY BUTTON - ON WHITE BG *************************************************************/
.buttonGreyBg
{
	width: 142px;
	height: 42px;
  font-size:140%;
  font-weight:bold;
	border: none;
	cursor:pointer;
	background: #e9e9e9 url(../images/design/forms/grey-gradient-button.png) no-repeat 0px 0px;
	color: #000;
}

/* GREY BUTTON  BIGGER  - ON WHITE BG *************************************************************/
.buttonGreyBgBigger
{
	width: 202px;
	height: 42px;
  font-size:140%;
  font-weight:bold;
	border: none;
	cursor:pointer;
	background: #e9e9e9 url(../images/design/forms/grey-gradient-button-wide.png) no-repeat 0px 0px;
	color: #000;
}

/* GREY SMALL BUTTON - ON WHITE BG *************************************************************/

.buttonSmallGreyBg
{
	width: 56px;
	height: 16px;
	padding-bottom:1px;
    font-size:82%;
    font-weight:bold;
    font-family:Tahoma;
	border: none;
	cursor:pointer;
	background: #e9e9e9 url(../images/design/forms/grey-small-gradient-button.png) no-repeat 0px 0px;
	color: #1f608e;
}

/* GREY SMALL BUTTON - ON GRAY BG *************************************************************/
.searchCoursePanel .functionButtons .buttonSmallGreyBg2,
.buttonSmallGreyBg2
{
	width: 64px;
	height: 18px;
	padding-bottom:1px;
    font-size:82%;
    font-weight:bold;
    font-family:Tahoma;
	border: none;
	cursor:pointer;
	background: #e9e9e9 url(../images/design/forms/grey-small-gradient-button2.png) no-repeat 0px 0px;
	color: #1f608e;
}
/* GREY MIDDLE BUTTON - ON WHITE BG *************************************************************/
.buttonMiddleGreyBg
{
	width: 142px;
	height: 31px;
    font-size:140%;
    font-weight:bold;
	border: none;
	cursor:pointer;
	background: #e9e9e9 url(../images/design/forms/grey-middle-gradient-button.png) no-repeat 0px 0px;
	color: #000;
}




div.selectReplacement
{
    width: 164px; /*bylo 238*/
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

div.selectReplacement strong
{
	padding: 0 0 0 13px;
	display: block;
	cursor: pointer;
	position: relative;
	left: 0;
	top: 5px;
	font-weight: bold;
	color:#B1B1B1;
	font-size:130%;
	font-weight:bold;
}

div.selectReplacement ul
{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	display: none;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	left: 1px;
	top: 30px;
	list-style-type: none;
	line-height: auto;
	border: 1px solid #9a9a9a;
	font-size:130%;
	font-weight:bold;
}

div.selectReplacement ul li
{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0 0 0 13px;
	display: none;
	cursor: pointer;
	background: #f9f8f8;
	color: #9a9a9a;
}

div.selectReplacement ul li.selected
div.selectReplacement ul#selectOpen,
div.selectReplacement ul#selectOpen li,
div.selectReplacement ul#selectOpen li.selected
{
	display: block;
}

div.selectReplacement ul li:hover,
div.selectReplacement ul li.hover,
div.selectReplacement strong:hover,
div.selectReplacement strong.hover
{
	color: #727272;
}

div.selectReplacement ul#selectOpen li.selected
{
	color: #B1B1B1;
}

div.selectReplacement span
{
	width: 31px;
	height: 26px;
	margin: 0;
	padding: 0;
	display: block;
	cursor: pointer;
	position: absolute;
	right: -2px;
	top: 2px;
	background: url(../images/design/forms/select-arrow.png) left -1px no-repeat;
}

select.replaced
{
	display: none;
}

/* selects on search menu ******************************************************************/

#page .contentPanel .leftBlock .searchCoursePanel .selects .replaced
{
	display: block;
}


#page .contentPanel .leftBlock .searchCoursePanel .selects .selectReplacement
{
	display: none;
}

.rooms
{
	width: 50px;
	border: 10px solid green;
}