@charset "utf-8";
/* CSS Document for Do-Be - Created May 2010 by SH for Internet Creation Ltd */

/* GENERAL STYLES */
html, body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
body{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background-color:#FFFFFF;
	background-image:url(/jpg/body_bg.jpg);
	background-position:center 5px;
	background-repeat:repeat-x;
}
a{
	color:#00acee;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
h1,h2,h3,h4,h5,h6,p{
	margin:0 0 15px 0;
	padding:0;
}
.crumb{
	padding-bottom:5px;
	margin-bottom:15px;
	border-bottom:1px solid #666666;
}
@font-face {
	font-family: ArialRounded;
	src: url(../'facelift-1.2.2/fonts/ARLRDBD.TTF');
}
.unitPng{
	z-index:10000 !important;
}
h1{
	font-size:30px;
	font-weight:normal;
	margin:0 0 15px 0;
	color:#000;
	font-family:ArialRounded, "Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;
}
h1 em{
	font-style:normal;
	color:#00acee;
}
h2{
	font-size:24px;
	font-weight:normal;
	color:#000;
	font-family:ArialRounded, "Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;
	margin:40px 0 15px 0;
}
h2 em{
	font-style:normal;
	color:#00acee;
}
#content_2 h1{
	font-size:30px;
	font-weight:normal;
	margin:0 0 15px 0;
	color:#000;
	font-family:ArialRounded, "Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;
}
#content_2 h1 em{
	font-style:normal;
	color:#81c649;
}
#content_2 h2{
	font-size:24px;
	font-weight:normal;
	color:#000;
	font-family:ArialRounded, "Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;
	margin:40px 0 15px 0;
}
#content_2 h2 em{
	font-style:normal;
	color:#81c649;
}
* :focus { outline: 0; }
a img{
	border:none;
}
.clear{
	clear:both;
}
form{
	margin:0;
	padding:0;
}
textarea, input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* HEADER */
#header{
	width:960px;
	margin:0 auto;
	height:150px;
	position:relative;
	z-index:2;
}
#header_logo{
	position:absolute;
	top:18px;
	left:14px;
	z-index:100;
}
#header_nav{
	text-align:right;
	margin:0;
	padding:0;
	list-style-type:none;
	width:690px;
	position:absolute;
	right:-1px;
	height:30px;
	top:120px;
}
#header_nav li{
	display:inline;
	margin:0 12px 0 0;
}
#header_nav li a{
	
	color:#000000;
	text-decoration:none;
	/*font-family:ArialRounded, "Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;*/
}
#header_nav li a:hover{
	color:#00acee;
	text-decoration:none;
}
#header_nav li a.active{
	color:#00acee;
}

/*---new nav---*/

div#navigation					{
	
	 height: 30px;
    list-style-type: none;
    margin: 0;
    padding-left: 30px;
    position: absolute;
    right: 8px;
    text-align: right;
    top: 8px;
    width: 600px;
	border: 1px solid #EEE;

-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
background: #FFFFFF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#EEE));
background: -webkit-linear-gradient(#FFFFFF, #EEE);
background: -moz-linear-gradient(#FFFFFF, #EEE);
background: -ms-linear-gradient(#FFFFFF, #EEE);
background: -o-linear-gradient(#FFFFFF, #EEE);
background: linear-gradient(#FFFFFF, #EEE);
-pie-background: linear-gradient(#FFFFFF, #EEE);
behavior: url(/PIE.htc);}
		div#navigation ul					{  text-align:right; margin:0; padding:0;}
		div#navigation ul li				{ display: inline;  }
        div#navigation span.hide {display:none ;}
		
		div#navigation ul li ul { display: none; }
		div#navigation ul li:hover ul, div#navigation ul li.hover ul {
			font-size:12px;
width:100px;
	z-index:0;
	display: block;
	position:absolute;
	border: 1px solid #EEE;
text-align: left;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px ;
background: #EEE;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEE), to(#ffffff));
background: -webkit-linear-gradient(#EEE, #ffffff);
background: -moz-linear-gradient(#EEE, #ffffff);
background: -ms-linear-gradient(#EEE, #ffffff);
background: -o-linear-gradient(#EEE, #ffffff);
background: linear-gradient(#EEE, #ffffff);
-pie-background: linear-gradient(#EEE, #ffffff);
behavior: url(/PIE.htc);
	}
div#navigation ul li:hover li, div#navigation ul.hover li a{ font-size:14px;!important}
div#navigation ul li:hover li, div#navigation ul li.hover li { float: none;}
		/*div#navigation ul li:hover li a { color:#000;text-decoration:none; font-size: 14px; text-transform:uppercase; text-align: center; vertical-align: middle;}*/
		div#navigation ul li:hover ul.hover li a {  padding:5px;  margin-top:6px;  width:100%;}
		div#navigation ul li:hover ul.hover li a:hover {padding:5px; background:#FFF;  display:block; width:92px;}
		
		.mainnavitem { font-size:18px; display: inline; float: left; padding-top:5px;}
		
		

		.mainnavitem a { display: block;  margin: 0; padding: 0; margin-right:12px;}
		.mainnavitem a:hover, .mainnavitem a.active { background-position: -57px -45px;}

/*---footer nav---*/
ul.mainfooternav {text-decoration:none; }
ul.mainfooternav a:hover{text-decoration:underline; }
ul li.mainfooternav { font-size:16px; display:inline-block; float:left; width:100px; text-decoration:none; }
ul li.mainfooternav a { text-decoration:none; !important font-weight:500; text-align:left; margin:0; padding:0;}
.subfooternav { float:left; display:inline-block; margin:0; padding:0; text-decoration:none;}
.subfooternav li  { font-size:14px; display:inline-block; float:left; width:120px; text-decoration:none;}

#header_sub_nav{
	text-align:right;
	margin:0;
	padding:0;
	list-style-type:none;
	width:660px;
	position:absolute;
	right:8px;
	height:30px;
	top:127px;
	z-index:10;
}
#header_sub_nav li{
	display:inline;
	margin:0 20px 0 0;
}
#header_sub_nav li a{
	font-size:16px;
	color:#333333;
	text-decoration:none;
	font-family:ArialRounded, "Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;
}
#header_sub_nav li a:hover{
	color:#00acee;
	text-decoration:none;
}
#header_sub_nav li a.active{
	color:#00acee;
}

#related_links{
	text-align:left;
	margin:0 0 30px 0;
	padding:0;
	list-style-type:none;
}
#related_links li{
	margin:0 0 0 0;
}
#related_links li a{
	font-size:16px;
	color:#000000;
	text-decoration:none;
	font-family:ArialRounded, "Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;
}
#related_links li a:hover{
	color:#81c649;
	text-decoration:none;
}
#related_links li a.active{
	color:#81c649;
}

/* LARGE BANNER */
#large_banner{
	width:960px;
	height:322px;
	margin:0 auto;
	background-image:url(jpg/large_banner_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	position:relative;
	text-align:left;
}
#large_banner_text{
	padding:80px 0 0 80px;
	width:530px;
	float:left;
}
#large_banner_text h1{
	font-size:18px;
	font-weight:normal;
	margin:0;
	color:#000;
	font-family:ArialRounded, "Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;
}
#large_banner_text h1 em{
	font-style:normal;
	color:#00acee;
}
#large_banner_video{
	width:318px;
	height:322px;
	float:right;
	background-image:url(jpg/large_banner_monitor_mockup.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#large_banner_small_image{
	width:255px;
	height:255px;
	position:absolute;
	right:35px;
	top:35px;
}
#large_banner_large_image{
	width:890px;
	height:255px;
	position:absolute;
	right:35px;
	top:35px;
}

/* HEADER IMAGES */
#header_images{
	width:944px;
	height:304px;
	margin:10px auto 0 auto;
	overflow:hidden;
	background-color:#FFF;
	position:relative;
	z-index:1;
	text-align:left;
}
.header_image{
	width:940px;
	height:300px;
	position:relative;
	border:2px solid #dddddd;
	background-color:#FFF;
}
.header_image_text{
	position:absolute;
	top:0;
	left:0;
	width:910px;
	height:270px;
	z-index:10;
	padding:15px;
	font-family:ArialRounded, "Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;
}
.header_image_image{
	position:absolute;
	top:0;
	left:0;
	width:940px;
	height:300px;
	z-index:9;
}

/* CONTENT */
#content{
	width:920px;
	margin:20px auto;
	min-height:300px;
	height:auto !important;
	height:300px;
	text-align:left;
}
#content_1{
	width:610px;
	float:left;
}
#content_2{
	width:280px;
	float:right;
}
#content_2 img { padding: 15px 0 0 0; border: 0 ;}
	
/* FOOTER */
#footer{
	background-image:url(jpg/footer_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#797979;
	min-height:240px;
	height:auto !important;
	height:240px;
	text-align:left;
	color:#FFF;
}
#footer a{
	color:#FFF;
}
#footer a:hover{
	color:#FFF;
	text-decoration:underline;
}
#footer h1{
	font-size:18px;
	font-weight:normal;
	margin:0 0 15px 0;
	color:#FFF;
	font-family:ArialRounded, "Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;
}
#footer_inner{
	width:920px;
	margin:0 auto;
	padding:50px 0 15px 0;
}

#footer_inner ul { padding:0; margin:0; }
.footer_1{
	padding:0;
	margin:0;
	width:920px;
	float:left; /*what is this it broke the layout? MS 26/4/11 */
}
#footer_addme{
	width:270px;
	float:left;
}
.footer_2{
	width:280px;
	float:right;
	text-align:right;
}
.footer_1_column{
	width:120px;
	float:left;
	margin:0 15px 0 0;
}
#footer_line{
	height:7px;
	background-image:url(jpg/footer_line.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	margin-bottom:15px;
}

/* QUICKFORM ETC STYLES */
#£{
	margin: 0;
	padding: 16px 16px 16px 16px;
	font-weight: normal;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #e5e5e5;
	width:255px;
	text-align:left;
}
#contact_content{
	margin: 0;
	padding: 16px 16px 16px 16px;
	font-weight: normal;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #e5e5e5;
	width:400px;
	text-align:left;
}
.login_quickform_container{
	width:250px;
	margin:0 auto;
}
.contact_quickform_container{
	width:360px;
	margin:0 auto;
}
.login_quickform_label{
	font-size:13px;
	color:#777777;
	margin:0;
}
.login_text_input{
	font-size: 14px;
	width:98%;
	color: #555;
	border: 1px solid #E5E5E5;
	background-color:#FFFFFF;
	padding:6px;
}
.login_textarea_input{
	font-size: 14px;
	width:98%;
	color: #555;
	border: 1px solid #E5E5E5;
	background-color:#FFFFFF;
	padding:6px;
}
.login_quickform_error{
	background-color: #FFEBE8;
	border: 1px solid #CC0000;
	padding:5px;
	margin:2px 0;
}
.notify{
	background-color: #ffffe0;
	border: 1px solid #e6db55;
	padding:5px;
	margin:2px 0;
}

a.loginbutton {  margin-bottom:20px; padding:5px;width:120px; height:45px;  display:inline-block;  font-size:32px; line-height:45px; text-align:center; background-color:#00ACEE; color:#000;}
a.loginbutton:hover {  color:#999; background-color:#ffffff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#ffffff));
background: -webkit-linear-gradient(#eee, #ffffff);
background: -moz-linear-gradient(#eee, #ffffff);
background: -ms-linear-gradient(#eee, #ffffff);
background: -o-linear-gradient(#eee, #ffffff);
background: linear-gradient(#eee, #ffffff);
-pie-background: linear-gradient(#eee, #ffffff);}

.grad {border: 1px solid #DCEFFC;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #00ACEE;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#eee));
background: -webkit-linear-gradient(#FFFFFF, #eee);
background: -moz-linear-gradient(#FFFFFF, #eee);
background: -ms-linear-gradient(#FFFFFF, #eee);
background: -o-linear-gradient(#FFFFFF, #eee);
background: linear-gradient(#FFFFFF, #eee);
-pie-background: linear-gradient(#FFFFFF, #eee);

behavior: url(/PIE.htc);}


.login_submit_button{
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	padding: 3px 10px;
	border: none;
	font-size: 12px;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	cursor: pointer;
	text-decoration: none;
	margin-top: -3px;
	float:right;
	font-size:13px;
	font-weight: bold;
}
.login_submit_button:hover{
	color: #000 !important;
	border-color: #666 !important;
}
#£ ul{
	margin:0;
	padding:0;
	float:left;
	width:125px;
}

#£ ul li{
	list-style-type:none;
}

th, td{text-align:left;padding:.5em;border:1px solid #EFEFEF;}

th{
	background-color:#FAFAFA;
}
table, th, td{ font-size:12px; }

table{width:100%;border-collapse:collapse;margin:1em 0; background-color:#FFFFFF;}
table#events {width:605px;border-collapse:collapse; background:#FFFFFF;}
table#events td {vertical-align:middle; }
table#events tr#headerRow td {background-color:#fed9ea; font-weight:bold; text-transform:uppercase; }

div#event_list { float: left; width: 610px; }
div#event_list div { padding: 10px 25px;}
div#event_list a { background: #ddd; color: #333; padding: 5px 10px; display: block; cursor: pointer; }
div#event_list a.selected { background: #ccc; }


table p{
	margin:0;
	padding:0;
}

.quickform_header{
	margin:0 0 15px 0;
}
.quickform_error{
	color:#CC0000;
}
.quickform_required{
	color:#CC0000;
}
.quickform_left_col{
	width:40%;
	vertical-align:middle;
}
.quickform_right_col{
	width:60%;
}
/*.quickform_row th, .quickform_row td{
	padding:0 0 3px 0;
	margin:0 0 3px 0;
	border-bottom:1px dashed #CCCCCC;
}*/

.notify{
	background-color: #ffffe0;
	border: 1px solid #e6db55;
	padding:5px;
	margin:2px 0;
}

.quickform_error{
	background-color: #FFEBE8;
	border: 1px solid #CC0000;
	padding:5px;
	margin:2px 0;
}

.message_error{
	background-color: #FFEBE8;
	border: 1px solid #CC0000;
	padding:5px;
	margin:0 0 15px 0;
}
.message_notify{
	background-color: #ffffe0;
	border: 1px solid #e6db55;
	padding:5px;
	margin:0 0 15px 0;
}

/* JQUERY UI CUSTOM STYLES */

.buttons_list{
	margin:0;
	padding:0;
	list-style-type:none;
}
.buttons_list li{
	margin:0 15px 15px 0;
	padding:0;
	display:inline;
}

a.fg-button{
	float:none;
	display:block;
	text-align:left;
}

input.fg-button{
	padding:2px;
	font-size:11px;
}


.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; font-size:11px !important; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

a.fg-button { float:left; }

/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	

.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button { margin-right: -1px;}

.ui-tabs-nav{
	font-size:11px !important;
}

.fg-toolbar { padding: .5em; margin: 0;  }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }

/* Jquery sortables */
.column { width: 325px; float: left; min-height:100px; height:auto !important; height:100px; }
.portlet { margin: 0 1em 1em 0; }
.portlet-header { margin: 0.3em; padding: 5px; cursor:move; font-size:11px; }
.portlet-header .ui-icon { float: right; cursor:pointer; }
.portlet-content { padding: 0.4em; cursor:default; }
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }

.spaceBottom { margin: 10px 0; }

.at300bs {  background-image:none; }