/* 
z-index : absolute relative fixed
*/

.breadcrumb{padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; list-style:none;}
.breadcrumb li{display:inline; margin:0px 10px 0px 0px;}
.breadcrumb a{text-decoration:none;}
/*.breadcrumb .intlink{padding:0px 0px 0px 26px; background-image: url(../gfx/gen/breadcrumb-separator.gif); background-repeat:no-repeat; background-position:center left;}*/

#formconfirmation{
	z-index:20;
	position:fixed;
	top:-20px;
	left:100px;
	padding:50px;
	background:#ffffff;
	font-size:30px;
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px;
	border: 1px solid #ddd;
	-moz-box-shadow:1px 3px 3px rgba(0,0,0,0.5); -webkit-box-shadow:1px 3px 3px rgba(0,0,0,0.5); box-shadow:1px 3px 3px rgba(0,0,0,0.5);
}

#googlemap_default{width:100%; height:340px;}
#googlemap_default .logo{}
#googlemap_default .address{}
#googlemap_default .tel{font-size:2em; font-weight:bold;}

#googlemap_simple{width:100%; height:200px;}

#gmid_route_output{}
#gmid_route_input{}

#googlemap_route_form{}

/*text-align:left; padding:5px 0px 10px 0px;  color:#222221;
#gm_map_canvas{width:100%; height:330px;}

#gm_map_mini_route_search_box{
	border:1px solid #ccc;
	padding:10px 10px 0px 10px;
	margin:0px 0px 10px 0px;
}
#gm_map_mini_route_search_box #gmid_route_input{
	padding:4px 4px 4px 4px;
	margin:0px 0px 10px 0px;
	width:100%;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
#gm_map_mini_route_search_box #gmap_route_message{color:#666665; font-size:17px; }

#gm_map_route_search_box{
	border:1px solid #ccc;
	padding:10px 10px 10px 10px;
	margin:0px 10px 10px 0px;
}
#gm_map_route_search_box #gmid_route_input{
	padding:4px 4px 4px 4px;
	margin:0px 10px 0px 0px;
}
#gm_map_route_search_box a.button{
	padding:4px 10px 4px 10px;
	color:#ffffff;
	background: #eba819;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcb5d', endColorstr='#eba819');
	background: -webkit-gradient(linear, left top, left bottom, from(#ffcb5d), to(#eba819));
	background: -moz-linear-gradient(top,#ffcb5d,#eba819);
}
#gm_map_route_search_box gmid_route_output{color:#666665; font-size:17px; }
#gm_map_route_search_box #gmap_route_message_2{}

*/


/* ############################################################ */
/* SET TEMPLATES BG COLOUR AND WIDTH */
.template_none{z-index:10; margin:1em auto 1em auto; padding: 3em; background:#fff;}
/* ############################################################ */

/*####################################################################################*/

*{margin:0; padding:0;}/* font-size:100%; font:inherit;*/
h1,h2,h3,h4,h5,h6,p{margin-bottom:1em;}
h1,h2,h3,h4,h5,h6{color:#555;}
#wpage{
	font-family:Arial,sans-serif;
	color:#555;
}
nav ul{list-style:none;}
nav a{text-decoration:none;}

table{border-collapse:collapse;	border-spacing:0;}
img{border:none;}

#userbody {}
#userbody p{}
#userbody ul{}
#userbody a{}
#userbody a:hover{}
#userbody a.plainlink{text-decoration:none;}
#userbody a.plainlink:hover{text-decoration:none;}
#userbody ul.bullets li{}

.colp25{float:left; width:25%;}
.colp33{float:left; width:33.33%;}
.colp50{float:left; width:50%;}
.colp67{float:left; width:66%;}
.colp75{float:left; width:75%;}
.colp100{float:left; width:100%; clear:both;}/*without clear:both - no top & bottom padding*/
.colin{}

.cf{clear:both;}/*clearfloats*/
.fr, .floatright{float:right;}
.fl, .floatleft{float:left;}

.cen{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.picright{float:right; margin:0em 0em 1em 1em;}
.picleft{float:left; margin:0em 1em 1em 0em;}

.shade{background:#ddd;}
.script{font-family:monospace;}
.ns{display:none;}

.paddedtable{margin:0em 0em 1em 0em;}
.paddedtable td{padding:0em 1em 1em 0em;}

/*####################################################################################*/

.linkbutton{text-decoration:none;}

.formstyle1{margin-bottom:15px;}
.formstyle1 .formrequired{color:#cc2222; font-size:12px; padding-left:5px;}
.formstyle1 .formerrors{color:#cc2222;}

.formstyle1 label{}
.formstyle1 input[type="text"], .formstyle1 input[type="password"], .formstyle1 textarea{
	background:#eee;
	-moz-box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.3); box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.3);
	padding:2px 6px;
	margin-bottom:5px;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px;
	border: 1px solid #ddd;
}
.formstyle1 input[type="text"]:focus, .formstyle1 input[type="password"]:focus, .formstyle1 textarea:focus{
	background:#fff;
	-moz-box-shadow: inset 1px 3px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 1px 3px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 3px 2px rgba(0, 0, 0, 0.1);
}
.formstyle1 input[type="submit"], .formstyle1 a.linkbutton, .formstyle1 button{
	cursor:pointer;
	font-size:12px;
	padding:2px 6px;
	margin-bottom:5px;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px;
	background: #cccccc; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#ffffff,#cccccc); /* for firefox 3.6+ */ 
	border: 1px solid #ccc;
	text-decoration:none;
	color:#555555;
}
.formstyle1 input.unchecked, .formstyle1 textarea.unchecked{border: 1px solid #ddd; /*background:#e7e9e1 url('../gfx/gennav/icon15-required.png') no-repeat left center;*/}
.formstyle1 input.unvalidated, .formstyle1 textarea.unvalidated{border: 1px solid #cc2222; /*background:#e7e9e1 url('../gfx/gennav/icon15-required.png') no-repeat left center;*/}
.formstyle1 input.validated, .formstyle1 textarea.validated{border: 1px solid #22aa22; /*background:#e7e9e1 url('../gfx/gennav/icon15-required.png') no-repeat left center;*/}

/*####################################################################################*/

/* DEBUG z-index:100; position:relative; */

.debug_column{z-index:20; position:fixed; top:5px; right:5px; opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */}

.debug_column_close, .debug_column_fade{
	margin:6px;
	padding:5px;
	color:#333;
	background:#eee;
	border:2px solid #ffffff;
	text-align:right; font-family:verdana; font-size:11px; 
	-moz-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.5);	-webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.5);	box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.5);
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px;
}
.debug_column_close:hover, .debug_column_fade:hover{background:#01a6bf; color:#ffffff; cursor:pointer;}

.devblock .tit{font-family: Helvetica, Arial, sans-serif; color:#01a6bf; font-size:18px; margin-bottom:5px;}

.devblock{margin:6px;}
.devblock .inner{
	padding:6px 15px;
	color:#333;
	background:#eee;
	border:2px solid #ffffff;
	font-family:verdana; font-size:11px;
	-moz-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.5);	-webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.5);	box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.5);
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px;
}
.devblock .inner h1{}
.devtimer, .devmes, .deverror{
	padding:2px 3px; 
	font-family:verdana; font-size:11px;
	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px;}
.devtimer{margin:3px 6px; background:#01a6bf; color:#ffffff;}
.devmes{margin:3px 0px; background:#009f0f; color:#ffffff;}
.deverror{margin:3px 0px; background:#cc0000; color:#ffffff;}
/* DEBUG */