/*
* 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.
*/

/* CORE CSS
----------------------------------*/
#tabs { width:936px; height:222px; overflow:hidden; }

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; 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 */



/* 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%; }


/* TABS CSS
----------------------------------*/

/* Tabs
----------------------------------*/
.ui-tabs { padding:0; width:936px; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding:0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; margin: 0 20px; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding:5px 30px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding:0; display: block; border-width: 0; background: none; height:193px; width:936px; }
.ui-tabs .ui-tabs-hide { display: none !important; }



#services { background:#FFFFFF url(../images/banner/poole.jpg) no-repeat 388px 0; width:936px; height:196px; position:relative; }
#calc { background:#FFFFFF url(../images/banner/calc.jpg) no-repeat 388px 0; width:936px; height:196px; position:relative; }
#calendar { background:#FFFFFF url(../images/banner/cal.jpg) no-repeat 388px 0; width:936px; height:196px; position:relative; }
#hottopics {background:#FFFFFF url(../images/banner/hottopics.jpg) no-repeat 388px 0; width:936px; height:196px; position:relative; }
#register {background:#FFFFFF url(../images/banner/register.jpg) no-repeat 388px 0; width:936px; height:196px; position:relative;}




/* THEME CSS
----------------------------------*/

/*
* 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/
*/



/* Component containers
----------------------------------*/
.ui-widget-content { border: 0px solid #003e7e ; background-color: #ffffff;  position:relative; }
#services h3, #calc h3, #calendar h3, #hottopics h3, #register h3 { position:absolute; top:20px; left:20px; color:#003e7e; margin:0; padding:0; font-size:24px; }
#services p, #calc p, #calendar p, #hottopics p, #register p { position:absolute; bottom:0; left:0; padding:20px; background-image:url(../images/banner/transparent.png); background-repeat:repeat; display:block; width:896px; }
#services p a, #calc p a, #calendar p a, #hottopics p a, #register p a { color:#FFFFFF; }
.ui-widget-header { background-color: #003e7e;  }
.ui-widget-header a { color: #fff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { background-color: #003e7e; color:#fff; font-size:16px; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #fff; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { background-color: #003e7e; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { background-color: #0f75bc; font-size:16px; }
.ui-state-active, .ui-widget-content .ui-state-active { background-color: #003e7e; font-size:16px; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { background-color: #0f75bc;  color: #fff; outline: none; text-decoration: none; }