/*
/	Doors Open Day CSS
/
/	- Setup site layout
/	
/	- Text Formatting & Hyperlinks
/
/	- Form Styles
/
/	- HACKS

/
*/

/*------------------
/	Site Layout
/------------------*/

body
{
	font: normal 11px verdana, arial, sans-serif;
	color: #333333;
	margin:0;
	padding:0 0 5px 0;
	background: url(../images/framework/rep-bg.gif) repeat-x scroll 0 0;
	background-color: #9DAAAB;
	line-height:18px;
}



#container 
{
	background-color: #96a2a4;
	min-width:955px;
	width:955px;
	margin:0 auto;
	padding:0px 14px 0px 14px;
}

#footer 
{
	min-width:955px;
	width:955px;
	margin:0 auto;
	padding:0px 14px 0px 14px;
	background-image: url(../images/framework/footer-bg.gif);
	background-repeat:no-repeat;
	height:45px;
	color:#FFFFFF;
}
.space{
float:left;width:65px;
}
.left-space {float:left
}
/* HEADER STYLES */

#header {
	background-image: url(../images/headers/blue-header-with-logo.gif);
	background-repeat:no-repeat;
	min-height:182px;
	height:182px;
	color:#FFF;
}

#header-nav {
	clear:both;
	float:right;
	padding:40px;
	padding-top:15px;
}


.header-nav-class a:link {
	color: #FFFFFF;	text-decoration:underline;
}

.header-nav-class a {
	color: #FFFFFF;	text-decoration:underline;
}

.header-nav-class a:hover {
    color: #FFFFFF;text-decoration: none;
}


/* MAIN BODY HEADER STYLES*/

.blueheader 
{
	height:32px;
	background-color:#108EC3;
	width:100%;
	padding:16px;
	padding-right:0px;
	padding-bottom:0px;
}

.blueheader-sml
{
	height:32px;
	background-color:#108EC3;
	width:484px;
	padding:16px;
	padding-right:0px;
	padding-bottom:0px;
}

.blueheader-map
{
	height:32px;
	background-color:#108EC3;
	width:210px;
	padding:16px;
	padding-right:0px;
	padding-bottom:0px;
}

.blueheader h1,
.blueheader-sml h1,
.blueheader-map h1{
	color:#fff
}

/* END MAIN BODY HEADER STYLES*/

/* END HEADER STYLES */


#main-body 
{
	margin:0px;
	padding:0px;
	margin-top:16px;		
	width:955px;
}

.left 
{
	float:left;
}

.middle 
{
	margin-left:16px;
	margin-right:16px;
	float:left;
	width:500px;
}

#flash 
{
	margin-bottom:16px;
	clear:both;
}

.right 
{
	float:left;
}

.two-col 
{
	margin-left:16px;
	float:left;
	width:710px;
}

.white-panel-side {
	width:186px;
	background-image: url(../images/framework/whitepanel-side-base.gif);
	background-position:bottom left;
	background-color:#FFF;
	background-repeat: no-repeat;
	padding:12px;
	margin-bottom:16px;
}

.blue-panel-side {
	width:162px;
	background-image: url(../images/framework/bluepanel-side-base.gif);
	background-position:bottom left;
	background-color:#108ec3;
	background-repeat: no-repeat;
	padding:12px;
	margin-bottom:16px;
	color: #fff;
}

.grey-panel-side {
	width:162px;
	background-image: url(../images/framework/greypanel-side-base.gif);
	background-position:bottom left;
	background-color:#f2f2f2;
	background-repeat: no-repeat;
	padding:12px;
	margin-bottom:16px;
	color: #108ec3;
}

.blue-panel-side a,
.blue-panel-side a:link{
	font-weight: bold;
	color:#fff;
	text-decoration:underline;
}

.blue-panel-side a:hover{
	font-weight: bold;
	color:#fff;
	text-decoration:none;
}

.blue-panel-side h1
{
	font-family: verdana, arial, sans-serif;
    font-size: 16px;
    color: #fff;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    font-weight: bold;
}

.white-panel-middle {
	width:468px;
	background-image: url(../images/framework/whitepanel-middle-base.gif);
	background-position:bottom left;
	background-color:#FFF;
	background-repeat: no-repeat;
	padding:16px;
	margin-bottom:16px;
}

.white-panel-twocol {
	width:694px;
	background-image: url(../images/framework/whitepanel-2col.gif);
	background-position:bottom left;
	background-color:#FFF;
	background-repeat: no-repeat;
	padding:16px;
	padding-right:16px;
	padding-bottom:32px;
}

/*-----------------------------------
/	Text formatting & Hyperlinks
/----------------------------------*/

a img{
	border:0;
}
a {color:#108ec3;}
a:link {color:#108ec3; text-decoration:underline;}
a:hover {color: #68952c;text-decoration:none;}
a {color:#108ec3;}

.lead-text
{
    color: #108ec3;
    font-weight:bold;
}

p{
	margin-top:0;
	line-height:18px;
}


h1
{
	font-family: verdana, arial, sans-serif;
    font-size: 16px;
    color: #108EC3;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    font-weight: bold;
}.home
{
	font-family: verdana, arial, sans-serif;
    font-size: 16px;
    color: #108EC3;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    font-weight: bold;
}

.white {color: #FFFFFF;}

h2
{
	font-family: verdana, arial, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    margin: 0;
    padding: 10px;
    padding-top: 16px;
    margin-bottom: 10px;
    font-weight: bold;
    clear: left;
}
h3
{
    font-family: verdana, arial, sans-serif;	
    font-size: 12px;
    color: #108EC3;
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: bold;
}

h4
{
    font-family: verdana, arial, sans-serif;	
    font-size: 12px;
    color: #108EC3;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
    font-weight: bold;
}

.split{
	clear:both;
	font-size:1px;
	height:1px;
}

.small 
{
	font-size:9px;
	font-style:italic;
}



/*------------------
/	Form Styles
/------------------*/

form
{
    margin: 0;
    padding: 0;
}
fieldset
{
    margin: 0;
    padding: 0;
    border: none;
}
select
{
    font-size: 8pt;
}

.button
{
    font-size: 11px;
    font-family: Verdana,Geneva,sans-serif;
    border-top: 1px solid #d8dded;
    border-right: 1px solid #8fb2c6;
    border-bottom: 1px solid #8fb2c6;
    border-left: 1px solid #d8dded;
    color: #444444;
    padding: 1px 2px;
    background-color: #AAD4DE;
    font-weight: bold;
}

.field
{
    font-size: 11px;
    font-family: Verdana,Geneva,sans-serif;
    border-top: 1px solid #8fb2c6;
    border-right: 1px solid #d8dded;
    border-bottom: 1px solid #d8dded;
    border-left: 1px solid #8fb2c6;
    color: #444444;
    padding-left: 2px;
    background-color: #F6F7FB;
    background-image: url(http://www.glasgowdoorsopenday.com/images/bk_field.gif);
    background-repeat: repeat-x;
}

.dropdown
{
    font-size: 11px;
    font-family: Verdana,Geneva,sans-serif;
    color: #444444;
    padding-left: 2px;
    background-color: #EEF0F8;
}




.dropdown-find{
	 font-size: 12px;
    font-family: Verdana,Geneva,sans-serif;
    color: #444444;
    padding-left: 2px;
    background-color: #fff;
	 width:180px;
}

.field-find
{
    font-size: 12px;
    font-family: Verdana,Geneva,sans-serif;
    border-top: 1px solid #828183;
    border-right: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    border-left: 1px solid #828183;
    color: #444444;
    padding: 2px;
    background-color: #fff;
	 width:170px;
}

.button-find{
 font-size: 12px;
    font-family: Verdana,Geneva,sans-serif;
    border-top: 1px solid #fff;
    border-right: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
    border-left: 1px solid #fff;
    color: #fff;
    padding: 2px 3px;
  	background-color: #8fca43;
    font-weight: bold;
	 cursor: pointer;
}

.button-find:hover{
	 border-top: 1px solid #b3b3b3;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #b3b3b3;
}

/*------------------
/	HACKS
/------------------*/


.flash-replaced .alt {
		display: block;
		height: 0;
		position: absolute;
		overflow: hidden;
		width: 0;
}
/* Various Page-specific elements */

/*------------------
/	- Buildings/Events/Map items
/------------------*/
.building-images,
.event-images
{
    float: right;
    width: 255px;

}

.building-images img,
.event-images img
{
    margin-left: 15px;
}
.building-images img.main,
.event-images img.main
{
    margin: 0 0 15px 15px;
}

#map-panel-container .map-panel
{
    float: left;
    width: 205px;
    padding: 10px;
    background-color: #e7e7e7;
    margin-bottom: 18px;
	 min-height:300px;
  height:auto !important;
  height:300px;
  /*_height:310px;*/

}

#map-panel-container .left
{
    margin-right: 18px;
}


#list .row1
{
    background-color: #fff;
    padding: 10px;
}

#list .row2
{
    background-color: #e7e7e7;
    padding: 10px;
}

#list .building-thumb
{
    float: left;
    width: 90px;
}

#list .building-summary
{
    float: left;
    width: 355px;
}


/*------------------
/	- maps
/------------------*/

#map-container #m-left
{
    width: 450px;
    float: left;
}

#map-container #m-left .header
{
    height: 32px;
    background-color: #E7E7E7;
    width: 434px;
    padding: 16px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#map-container #m-right
{
    width: 225px;
    float: right; /*margin-right:16px;*/
    background-color: #E7E7E7;
}

#map-container #m-right table
{
    background-color: #E7E7E7;
    width: 180px;
    margin: 20px 0 10px 10px;
}

#map-container #m-right table td
{
    vertical-align: top;
}
#map-container #m-right table td.scroll
{
    padding: 2px;
}


#map-container #GoogleMap_Div_Container
{
    margin-top: 16px;
}



ul#maplist
{
    margin: 0;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    text-align: left;
    width: 170px;
}

ul#maplist li
{
    text-decoration: none;
    text-align: left;
    margin: 0px 0px 0px 0px;
    width: 170px;
}

ul#maplist li a
{
    display: block;
    padding: 4px 2px 3px 2px;
    border-bottom: 1px solid #bababa;
    background-color: #E7E7E7;
    color: #108EC3;
    text-decoration: none;
    width: auto;
    height: 16px;
    width: 170px;
}

ul#maplist li a:hover
{
    display: block;
    padding: 4px 2px 3px 2px;
    border-bottom: 1px solid #D3D3D3;
    background-color: #fff;
    color: #108EC3;
    text-decoration: none;
    width: auto;
    height: 16px;
}



.gmap-text
{
    font-size: 10px;
    width: 217px;
}

.gmap-header
{
    font-size: 11px;
    color: #108ec3;
    font-weight: bold;
}


/*------------------
/	- events
/------------------*/

#event-container #ev-left
{
    width: 480px;
    float: left;
}


#event-container #ev-right
{
    width: 186px;
    float: right; /*margin-right:16px;*/
    background-color: #fff;
}



#event-container #ev-left .header
{
    border-bottom: 1px solid #8fca43;
    padding-bottom: 7px;
    margin-bottom: 7px;
    color: #71a52d;
    font-weight: bold;
    font-size: 14px;
}

#event-container #ev-left .event-paging
{
    border-top: 1px solid #8fca43;
    padding-top: 7px;
    margin-top: 7px;
    color: #71a52d;
    font-weight: bold;
}

#event-container #ev-left .event-paging .page-next
{
    float: right;
}
#event-container #ev-left .event-paging .page-prev
{
    float: left;
}


#event-container #ev-left .event-thumb
{
    float: left;
    width: 90px;
}

#event-container #ev-left .event-summary
{
    float: left;
    width: 385px;
}

#event-container #ev-left .event-summary .opening-times
{
    font-size: 10px;
}

#event-container #ev-left .row1
{
    background-color: #fff;
    padding: 5px 0 20px 0;
}

#event-container #ev-left .row2
{
    background-color: #e7e7e7;
    padding: 5px 0 20px 0;
}


table.events-key td
{
    vertical-align: middle;
    padding: 3px;
}


.calendar
{
    background-image: url(../images/calendar.gif);
    background-repeat: no-repeat;
    margin-bottom: 16px;
    width: 187px;
    height: 148px;
}

/*
ooo yessss, a wee bit of fancy ordered list CSS,
hanging around on the tree of awesome-ness here (and it didn't take me all day either)
*/

.calendar ul
{
    float: left;
    margin: 73px 0 0 0;
    padding: 0px;
    list-style: none;
    width: 100%;
}
.calendar ul li
{
    font-size: 11px;
    margin: 0;
    float: left;
}

.calendar ul li a
{
    display: block;
    background-color: #108ec3;
    border: 1px solid #108ec3;
    color: #fff;
    text-decoration: none;
    margin: 0 4px 0 0;
    height: 21px;
    width: 20px;
    text-align: center;
}

.calendar ul li a.today
{
    display: block;
    background-color: #8fca43;
    border: 1px solid #108ec3;
    color: #fff;
    text-decoration: none;
    margin: 0 4px 0 0;
    height: 21px;
    width: 20px;
    text-align: center;
}

.calendar ul li a:hover
{
    color: #fff;
    text-decoration: none;
    background-color: #8fca43;
}



/*------------------
/	- Paging
/------------------*/

table.paging .plink
{
    border: 1px solid #108ec3;
    color: #108ec3;
    background-color: #fff;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    padding: 2px 5px;
}
table.paging .plink:hover
{
    background-color: #87c6e1;
    color: #fff;
}

table.paging .plink a
{
    color: #108ec3;
    text-decoration: none;
}

table.paging .plink a:hover
{
    color: #fff;
    text-decoration: none;
}

table.paging .plink-prev,
table.paging .plink-next{
	white-space:nowrap;
	
}
table.paging .plink-prev a,
table.paging .plink-next a
{
    color: #108ec3;
    text-decoration: none;
    font-weight: bold;
}

table.paging .plink-prev a:hover,
table.paging .plink-next a:hover
{
    color: #108ec3;
    text-decoration: underline;
    font-weight: bold;
}

/*------------------
/	- Top 10 
/------------------*/
ol.top-ten
{
    /*padding-left:5px;*/
}

ol.top-ten li
{
    padding: 0;
    margin: 0;
}



/* Main Navigation */

#nav-container 
{
	font-size:14px;
	font-weight:bold;
}

/*
ul.menu
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

ul.menu li
{	
	padding-top:5px;
	margin-bottom:5px;
	height:24px;
	text-indent:5px;
}

ul.menu li a
{
	padding-bottom:0px;
	text-indent:5px;
	text-decoration:none;
	outline:  none;
}

ul.menu li.selected
{	
	background-color:#108ec3;
	height:100px;
	color:#fff;	
}

ul.menu li.selected a
{	
	color:#fff;	
}

ul.menu li.selected_nosubnav
{	
	background-color:#108ec3;
	color:#fff;
	height:24px;
}

ul.menu li.selected_nosubnav a
{	
	color:#fff;
}

ul.subnav 
{
	font-size:11px;
	margin:5px 0 0 0;
	padding:0px;
}

ul.subnav li
{
	padding-top:5px;
	padding-left:30px;
	padding-bottom:5px;
	margin-bottom:0px;
	list-style-type:none;
	background-color:#FFF;
	height:16px;
	color:#108ec3;
	background-image: url(../images/framework/blue-bullet.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
}

ul.subnav li selected
{
	padding-left:5px;
}

ul.menu li.selected ul.subnav a, a:link
{	
	color:#108ec3;
}

ul.menu li.selected ul.subnav a:hover
{	
	color:#8FCA43;
}
*/


#map_canvas {
	width:250px;
	height:250px;
}