@charset "utf-8";
/* CSS Document */

html {
	height: 100%;
	overflow-x: auto;
	width: 100%;
}
body {
	width: 100%;
	height: auto;
	margin-top: 40px;
	margin-left: 0px;
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 12px;
	overflow-x: auto;
	overflow-y: hidden;
	min-width: 635px;
	background: url(../images/header-bg.gif) repeat;
}
div#top-menu {
	background: url("./smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x; 
	height: 27px;
	position: fixed;
	border-bottom: 1px solid #999;
	top: 0px;
	width: 100%;
	z-index: 51;
}
div#top-menu-right {
	width: 100%;
	display: block;
	float: right;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 25px;
	text-align: right;
	z-index: 0;
}
div#top-menu-left {
	width: 238px;
	display: block;
	float: left;
	position: absolute;
	top: 0px;
	height: 27px;
	z-index: 3;
	text-align: center;
	border-bottom: 1px solid #999;
	overflow:hidden;
}
div#header {
	position: absolute;
	top: 20px;
	left: 0px;
    background:#ececec; color:black;
    border-bottom:1px solid #bdbdbd;
	width: inherit;
	height: inherit;
	padding-bottom: 25px;
	padding-left: 230px;
	min-width: 635px;
	z-index: 50;
}
#logo {
	background-color: #ececec;
	background-image: url(../images/logo.png);
	height: 60px;
	width: 230px;
	padding: 0px;
	z-index: 2;
	position: fixed;
	left: -238px;
	top: 32px;
	cursor: pointer;
}
#scrollhere {
	margin-bottom: 40px;
}
div#left-sidebar {
	position: absolute;
	top: 27px;
	left: -238px;
    background:#ececec;
    border-right:1px solid #bdbdbd;
	width: 238px;
	height: 100%;
	text-align: center;
	min-height: 780px;
	overflow: auto;
	z-index: 30000;
}
div#headertextrepos {
	position: relative;
	top: 12px;
	left: -238px;
	padding-top: 3px;
	float: right;
	height: 28px;
	overflow-y: hidden;
	line-height: 22px;
}
div#notloggedrepos {
	position: relative;
	top: 17px;
	left: -238px;
	float: right;
}
div#wrapprog {
	position: fixed;
	top: 41px;
	width: 100%;
	height: 32px;
	background-color: #fff;
	z-index: 10;
	border-bottom: 1px solid #bdbdbd;
}
div#progress {
	position: relative;
	top: 1px;
	left: 238px;
	background-color: #fff;
	margin-bottom: 0px;
	width: 70%;
	height: 30px;
	z-index: 1;
}
div#progress ul {
	margin-top: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	z-index: 1;
	width: 100%;
}
.link-sub-bg {
	font-size: 12px;
	padding-left: 20px;
	position: absolute;
	top: 6px;
	color: #9b9b9b;
	text-decoration: none;
}
.link-sub-bg:hover {
	text-decoration: underline;
}
#accordion {
	z-index: 100;
}

#accordion .ui-accordion-content {
	font-size: 80%;
	z-index: 3;
	border-left: 0px;
	border-right: 0px;
	}
#accordion .ui-accordion-header {
	border-left: 0px;
	border-right: 0px;
}
div#progress li {
	position: relative;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	z-index: 1;
	min-width: 80px;
	text-align: center;
	min-height: 30px;
	height: 30px;
	background-color: #FFF;
	border-right: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	overflow: hidden;
}
div#progress li :hover {
	background-color: #DDD;
	display: block;
	margin-top: -5px;
	min-height: 30px;
	min-width: 80px;
	overflow: hidden;
}
.progresstext {
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 12px;
	color: rgb(153, 153, 153);
	position: relative;
	top: 5px;
	z-index: 2;
	height: 100%;
	width: 100%;
}
.progresstext:hover {
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 12px;
	color: #333;
	position: relative;
	padding-top: 5px;
	z-index: 2;
	height: 30px;
	width: 80px;
}
.progresstrue {
	background: #F8F8F8;
	width: inherit;
	height: 30px;
	text-decoration: none;
	z-index: 2;
}
.progresstrue:hover {
	background: #F8F8F8;
	width: inherit;
	padding-top: 5px;
	height: 30px;
	text-decoration: none;
	z-index: 2;
}
a.headtext {
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 14px;
	color: #333;
	cursor: pointer;
	padding: 2px 2px 0px 0px;
	text-decoration: underline;
}
a.headtext:hover {
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 14px;
	color: #000;
	cursor: pointer;
}
a.acctext {
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 14px;
	color: #555555;
	cursor: pointer;
	padding: 0px 3px 0px 0px;
}
a.acctext:hover {
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 14px;
	color: #000;
	cursor: pointer;
	text-decoration: underline;
}
a.acctext:active {
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 14px;
	color: #000;
	cursor: pointer;
}
a.headtextnolink {
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 14px;
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	cursor: default;
}
#content {
	position: relative;
	left: 0px;
	margin-left: 0px;
	margin-top: 27px;
	overflow: hidden;
	height: auto;
	width: auto;
	margin-bottom:-50px;
}
.entry-content {
	margin-left: -100px;
	padding-top: 10px;
	padding-bottom: 20px;
	color: #747474;
	margin-right: 40px;
	text-align: justify;
}
#smallLogo {
	position: fixed;
	left: 0px;
	top: 30px;
	background-image: url(../images/ICO/AA.png);
	background-color: #cfcccd;
	display: block;
	height: 30px;
	width: 30px;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	z-index: 40;
	cursor: pointer;
}
#smallLogo:hover {
	background-image: url(../images/ICO/AAover.png);
}
.ui-button {
	margin-left: 5px;
 !important
}
.scroll-content {
	position: absolute;
	top: 0;
	left: 0
}
.slider-wrap {
	position: absolute;
	right: 0;
	top: 0;
	background-color: lightgrey;
	width: 20px;
	border-left: 1px solid gray;
}
.slider-vertical {
	position: relative;
	height: 100%
}
.ui-slider-handle {
	width: 20px;
	height: 10px;
	margin: 0 auto;
	background-color: darkgray;
	display: block;
	position: absolute
}
.ui-slider-handle img {
	border: none
}
.scrollbar-top {
	position: absolute;
	top: 0;
}
.scrollbar-bottom {
	position: absolute;
	bottom: 0;
}
.scrollbar-grip {
	position: absolute;
	top: 50%;
	margin-top: -6px;
}
.ui-slider-range {
	position: absolute;
	width: 100%;
	background-color: lightgrey
}
.scroll-content-item {
	cursor: pointer;
	background: url(../images/header-bg.gif) repeat;
	color: #003366;
	width: 100%;
	height: auto;
	float: left;
	font-size: 10px;
	text-align: center;
	border-bottom: 1px solid #bdbdbd;
	display: inline;
	padding-top: 10px;
	padding-bottom: 10px;
}
.scroll-content-item:hover {
	background: #ececec;
	color: #fff;
}
.scroll-content-item p {
	margin-top: 0
}
.scroll-content-item-new {
	cursor: pointer;
	background: #ececec;
	color: #003366;
	width: 100%;
	height: auto;
	float: left;
	font-size: 12px;
	text-align: center;
	border-bottom: 1px solid #bdbdbd;
	display: inline;
	padding-top: 10px;
	padding-bottom: 10px;
}
.scroll-content-item-new:hover {
	background: #a70084;
	color: #fff;
}
.scroll-content-item-new p {
	margin-top: 0
}
.scroll-content-item-newclient {
	cursor: pointer;
	background: #53ef79;
	color: #003366;
	width: 100%;
	height: auto;
	float: left;
	font-size: 12px;
	text-align: center;
	border-bottom: 1px solid #bdbdbd;
	display: inline;
	padding-top: 10px;
	padding-bottom: 10px;
}
.scroll-content-item-newclient:hover {
	background: #a70084;
	;
}
.scroll-content-item-newclient p {
	margin-top: 0
}
.scroll-content-item-active {
	cursor: pointer;
	background: #a70084;
	color: #fff;
	width: 100%;
	height: auto;
	float: left;
	font-size: 12px;
	text-align: center;
	border-bottom: 1px solid #bdbdbd;
	display: inline;
	padding-top: 10px;
	padding-bottom: 10px;
}
.scroll-content-item-active a{
	color: #ddd;
}
.scroll-content-item-active:hover {
	background: #a70084;
	color: #ffffff;
}
.scroll-content-item-active p {
	margin-top: 0
}
.actasselect {
	background-color: #F7F7F7;
}
.atbuttonarea {
	position: fixed;
	width: 238px;
	height: 60px;
	background-color: #DDDDDD;
	border: 1px solid #333;
	display: block;
	z-index: 1;
}
#atbuttonarea {
	height: 0px;
	width: auto;
	z-index: 1;
}
a.button_home {
	background: url(../images/ICO/ICO-MAP.png) left no-repeat;
	float: left;
	width: 24px;
	height: 24px;
	display: block;
	cursor: pointer;
	border: none;
	outline: none;
	background-position: -3px -78px;
	padding-left: 8px;
}
a.button_home:hover {
	background-image: url(../images/ICO/ICO-MAP-HOVER.png);
}
a.button_settings {
	background: url(../images/ICO/ICO-MAP.png) left no-repeat;
	float: left;
	width: 24px;
	height: 24px;
	display: block;
	cursor: pointer;
	border: none;
	outline: none;
	background-position: -39px -27px;
	padding-left: 8px;
}
a.button_settings:hover {
	background-image: url(../images/ICO/ICO-MAP-HOVER.png);
}
a.button_progress {
	background: url(../images/ICO/ICO-MAP.png) left no-repeat;
	float: left;
	width: 24px;
	height: 24px;
	display: block;
	cursor: pointer;
	border: none;
	outline: none;
	background-position: -3px -155px;
	padding-left: 8px;
}
a.button_progress:hover {
	background-image: url(../images/ICO/ICO-MAP-HOVER.png);
}
a.button_search {
	background: url(../images/ICO/ICO-MAP.png) left no-repeat;
	float: right;
	width: 24px;
	height: 24px;
	display: block;
	cursor: pointer;
	border: none;
	outline: none;
	background-position: -72px -27px;
	padding-left: 20px;
	margin-left: -10px;
	margin-top: -3px;
}
a.button_search:hover {
	background-image: url(../images/ICO/ICO-MAP-HOVER.png);
}
a.button_view {
	background: url(../images/ICO/ICO-MAP.png) left no-repeat;
	float: left;
	width: 24px;
	height: 24px;
	display: block;
	cursor: pointer;
	border: none;
	outline: none;
	background-position: -74px -129px;
	padding-left: 8px;
}
a.button_view:hover {
	background-image: url(../images/ICO/ICO-MAP-HOVER.png);
}
a.button_edit {
	background: url(../images/ICO/ICO-MAP.png) left no-repeat;
	float: left;
	width: 24px;
	height: 24px;
	display: block;
	cursor: pointer;
	border: none;
	outline: none;
	background-position: -6px -102px;
	padding-left: 8px;
}
a.button_edit:hover {
	background-image: url(../images/ICO/ICO-MAP-HOVER.png);
}
a.button_edit_details {
	background: url(../images/ICO/ICO-MAP.png) left no-repeat;
	float: left;
	width: 24px;
	height: 24px;
	display: block;
	cursor: pointer;
	border: none;
	outline: none;
	background-position: -39px -2px;
	padding-left: 8px;
}
a.button_edit_details:hover {
	background-image: url(../images/ICO/ICO-MAP-HOVER.png);
}
a.button_archive {
	background: url(../images/ICO/ICO-MAP.png) left no-repeat;
	float: left;
	width: 24px;
	height: 24px;
	display: block;
	cursor: pointer;
	border: none;
	outline: none;
	background-position: -3px -26px;
	padding-left: 8px;
}
a.button_archive:hover {
	background-image: url(../images/ICO/ICO-MAP-HOVER.png);
}
a.button_quickchat {
	background: url(../images/ICO/ICO-MAP.png) left no-repeat;
	float: left;
	width: 24px;
	height: 24px;
	display: block;
	cursor: pointer;
	border: none;
	outline: none;
	background-position: -2px 0px;
	padding-left: 8px;
}
a.button_quickchat:hover {
	background-image: url(../images/ICO/ICO-MAP-HOVER.png);
}
a.button_email {
	background: url(../images/ICO/ICO-MAP.png) left no-repeat;
	float: left;
	width: 24px;
	height: 24px;
	display: block;
	cursor: pointer;
	border: none;
	outline: none;
	background-position: -74px -78px;
	padding-left: 8px;
}
a.button_email:hover {
	background-image: url(../images/ICO/ICO-MAP-HOVER.png);
}
a.button_fasttrack, a.button_fasttrack_active {
	background-image: url(../images/ICO/Fasttrack.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 32px;
	height: 31px;
	padding-top: 3px;
	padding-left: 3px;
	display: block;
	float: left;
	cursor: pointer;
	border: none;
	outline: none;
}
a.button_fasttrack:hover {
	background-image: url(../images/ICO/FasttrackHover.png);
}
a.button_fasttrack_active {
	background-image: url(../images/ICO/FasttrackTrue.png);
}
#closetabs {
	background-image: url(../images/rescue.jpg);
	width: 238px;
	height: 31px;
	display: block;
	font-size: 16px;
	padding-top: 8px;
	margin-top: 1px;
	cursor: pointer;
}
.sidebutton {
	background-image: url(../images/butt.jpg);
	width: 238px;
	height: 30px;
	border: none;
	outline: none;
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
	font-size: 16px;
	cursor: pointer;
	color: #555555;
	margin-bottom: 1px;
	padding-left: 23px;
	text-align: left;
}
.sidebutton:hover {
	background-image: url(../images/buttover.jpg);
	color: #000;
}
#closetabs a {
	text-decoration: none;
	color: #000;
}
#scroll-pane, .scroll-pane {
	background-color: white;
	float: left;
	overflow: auto;
	width: 238px;
	position: relative;
	border: 1px solid #bdbdbd;
	margin-left: 0px;
	margin-bottom: 0px;
	display: block;
	display: inline-block;
	vertical-align: middle;
	height: auto;
	z-index: 3;
	margin-bottom: 12px;
	margin-left:-23px;
	margin-top:-13px;
}
 @media screen {
body>div#header {
	position: fixed;
	width: 100%;
	max-height: 20px;
	z-index: 50;
}
body>div#left-sidebar {
	position: fixed;
	height: 100%;
	width: 238px;
	z-index: 50;
}
body>div#progress {
	position: fixed;
	left: 230px;
	z-index: 4;
}
}
category-list {
	font-size: 13px;
	text-shadow: 0px 1px rgba(255,255,255,0.5)
}
#splitline {
	height: 1px;
	width: 100%;
	background-color:#CCC;
	display: block;
	position: relative;
	left: 0px;
	z-index: 2;
}
#loadall {
	border-top: 1px solid #CCC;
	background-color: #f7f7f7;
	padding-top: 5px;
	position: relative;
	height: 20px;
	padding-bottom: 10px;
}
#loadall:hover {
	background-color: #ececec;
}
#searchscroll {
	margin-bottom: 0px;
}
h1:after {
	background-image: -webkit-gradient(linear, left top, right top, from(#777), to(#fff));
	background-image: -webkit-linear-gradient(left, #777, #fff);
	background-image: -moz-linear-gradient(left, #777, #fff);
	background-image: -ms-linear-gradient(left, #777, #fff);
	background-image: -o-linear-gradient(left, #777, #fff);
	background-image: linear-gradient(left, #777, #fff);
	right: 0;
}
h1:before {
	background-image: -webkit-gradient(linear, right top, left top, from(#777), to(#fff));
	background-image: -webkit-linear-gradient(right, #777, #fff);
	background-image: -moz-linear-gradient(right, #777, #fff);
	background-image: -ms-linear-gradient(right, #777, #fff);
	background-image: -o-linear-gradient(right, #777, #fff);
	background-image: linear-gradient(right, #777, #fff);
	left: 0;
}
fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}
#inputs input {
	background: #f1f1f1 url(../images/login-sprite.png) no-repeat;
	padding: 6px 8px 8px 30px;
	margin: 0 0 10px 0;
	width: 100px; /* 353 + 2 + 45 = 400 */
	border: 1px solid #999;
	position: relative;
	top: 5px;
	left: -130px;
}
#username {
	background-position: 5px -7px !important;
}
#password {
	background-position: 5px -57px !important;
}
#inputs input:focus {
	background-color: #fff;
	border-color: #e8c291;
	outline: none;
	-moz-box-shadow: 0 0 0 1px #e8c291 inset;
	-webkit-box-shadow: 0 0 0 1px #e8c291 inset;
	box-shadow: 0 0 0 1px #e8c291 inset;
}
#actions {
	margin: 25px 0 0 0;
}
#login {
	background-color: #ffb94b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
	background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
	background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
	background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
	background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
	background-image: linear-gradient(top, #fddb6f, #ffb94b);
	border-width: 1px;
	border-style: solid;
	border-color: #d69e31 #e3a037 #d5982d #e3a037;
	float: left;
	height: 35px;
	padding: 0;
	width: 120px;
	cursor: pointer;
	font: bold 15px Arial, Helvetica;
	color: #8f5a0a;
	float: right;
	position: absolute;
	top: 4px;
	right: 5px;
}
#login:hover, #login:focus {
	background-color: #fddb6f;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
	background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
	background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
	background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
	background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
	background-image: linear-gradient(top, #ffb94b, #fddb6f);
}
#login:active {
	outline: none;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}
 #login::-moz-focus-inner {
 border: none;
}
#actions a {
	color: #3151A2;
	float: right;
	line-height: 35px;
	margin-left: 10px;
}
.footertext {
	cursor:default;
	border-top:1px solid #CCC;
	padding-top:2px;
	width:238px;
	height:15px;
	position:fixed; 
	bottom:0px; 
	font-size:9px; 
	color:#CCC;
	background-color:#ececec;
	text-shadow:1px 1px 0 #ffffff;
	z-index:30000;	
}
/* Headings 	text-shadow:1px 1px 0 #ffffff;
*/


h2, h3, h4, h5, h6, h7 {
	font-weight: 100;
	font-size: 12px;
	padding-top:-10px;
	z-index: 8;
	position:relative;
	height: 28px;
	color: #000;
}
h2 a, h3 a, h4 a, h5 a, h6 a, h7 a {
	position: absolute;
	top: -5px;
	left: 5px;
}

/* Anchors */
.hentry a {
	outline: 0;
}
.hentry a img {
	border: 0px;
	text-decoration: none;
}
.hentry a:link {
	color: rgb(153, 153, 153);
	text-decoration: underline;
	padding: 3px;
}
.hentry a:hover, .hentry a:active {
	background-color: #CCC; /*  text back color */
	color: #747474;
	text-decoration: none;
	text-shadow: 1px 1px 1px #fff;
}
/* Paragraphs */
p {
	margin-bottom: 1.143em;
}
* p:last-child {
	margin-bottom: 0;
}
strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
/* Blog */
.hentry {
	border-top: 1px solid #bdbdbd;
	padding: 1.5em 0;
	background-color: #fff;
	z-index: 1;
}
.hfeed {
	position: relative;
	left: 0px;
	margin-right: 10px;
	width: 100%;
}
.entry-title {
	font-size: 1.429em;
	margin-bottom: 0;
	color: #000;
	position: absolute;
	left: -0px;
	top: -10px;
	width: 100%;
}
.entry-title a:link, .entry-title a:visited {
	text-decoration: none;
	color: #000;
}
.hentry .post-info * {
	font-style: normal;
}
.post-info {
	padding-top: inherit;
}
.published {
	font-size: 16px;
	font-weight: bold;
	color: rgb(153, 153, 153);
	float: right;
	position: relative;
	right: 10px;
	margin-top: -10px
}
/* Content */
.hentry footer {
	margin-bottom: 2em;
}
.hentry footer address {
	display: inline;
}
#posts-list footer address {
	display: block;
}
/* Blog Index */
#posts-list {
	list-style: none;
	width: 100%;
}
#posts-list .hentry {
	padding-left: 150px;
	position: relative;
} /*  back of post colour */
#posts-list .hentry:hover {
	background: #f7f7f7;/*  back of post colour over */
}
#posts-list .hentry:hover a:link, #posts-list .hentry:hover a:visited {
	color: #551a91;
}
#posts-list footer {
	left: 10px;
	position: absolute;
	bottom: -20px;
	width: 190px;
	padding-bottom: 5px;
}
#newpost {
	position: relative;
	left: 0px;
	background-color: #ececec;
	color: #551a91;
	text-decoration: none;
	padding: 10px 10px 10px 10px;
	text-align: center;
	width: 100%;
	height: 100%;
	;
	display: none;
	border-bottom: 1px solid #bdbdbd;
	z-index: 0;
}
.boxpost {
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	background-color: #f7f7f7;
	padding-bottom: 15px;
	position: relative;
	left: 0px;
	margin-right: 0px;
	width: 100%;
}
.boxpost:hover {
	background-color: #ececec;
}
li.todo:nth-child(even) {
	background-color: #ececec;
}
li.todo:nth-child(odd) {
	background-color: #fff;
}
.generalcontainer {
	border-top: 1px solid #bdbdbd;
	background-color: #f7f7f7;
	width: 100%;
	position: relative;
	left: 0px;
	margin-right: 0px;
}
.generalcontainer:hover {
	background-color: #ececec;
	cursor: pointer;
}
.titlecontainer {
	border-top: 1px solid #CCC;
	background: #ececec;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #CCC;
	min-width: 635px;
	height:40px;
	overflow:hidden;
	z-index:10;
}
.stick {
	width:100%;
	position: fixed;
	top: 63px;
	z-index: 10;
}
.stickzero {
	width:100%;
	position: fixed;
	top: 63px;
	z-index: 10;
	margin-left:1px;
	}

#container {
	width: 580px;
	padding: 10px;
	margin: 0 auto;
	position: relative;
	top: 20px;
	left: 5px;
	z-index: 0;
}
#example {
	width: 600px;
	height: 350px;
	position: relative;
}
#ribbon {
	position: absolute;
	top: -3px;
	left: -15px;
	z-index: 3;
}
#frame {
	position: absolute;
	z-index: 0;
	width: 739px;
	height: 341px;
	top: -3px;
	left: -80px;
}
/*
	Slideshow
*/

#slides {
	position: absolute;
	top: 15px;
	left: 4px;
	z-index: 1;
}
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width: 570px;
	overflow: hidden;
	position: relative;
	display: none;
}
/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width: 570px;
	height: 270px;
	display: block;
}
/*
	Next/prev buttons
*/

#slides .next, #slides .prev {
	position: absolute;
	top: 107px;
	left: -39px;
	width: 24px;
	height: 43px;
	display: block;
	z-index: 0;
}
#slides .next {
	left: 585px;
}
/*
	Pagination
*/

.pagination {
	margin: 26px 200px 0;
	width: 100px;
}
.pagination li {
	float: left;
	margin: 0 1px;
	list-style: none;
}
.pagination li a {
	display: block;
	width: 12px;
	height: 0;
	padding-top: 12px;
	background-image: url(../images/pagination.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
}
.pagination li.current a {
	background-position: 0 -12px;
}
/*
	Caption
*/

.caption {
	z-index: 3;
	position: absolute;
	bottom: 10px;
	left: 0;
	height: 30px;
	padding: 5px 20px 0 20px;
	background: #000;
	background: rgba(0,0,0,.5);
	width: 540px;
	font-size: 1.2em;
	line-height: 0em;
	color: #fff;
	border-top: 1px solid #000;
	text-shadow: none;
}
#indextext {
	position: relative;
	text-align: justify;
	margin-bottom:0px;
	margin-left: 30px;
	margin-right: 30px;
	color: #333;
}
#lineborder {
	border-bottom: 1px solid #bdbdbd;
	height: inherit;
	width: 100%;
}
.style2 {
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
.texttitle a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #000;
	margin-left: 20px;
	margin-top: 20px;
	padding-bottom: 0px;
	text-decoration: none;
}
.newclient {
	background-color: #FFF;
}
.newclient:hover {
	background-color: #ececec;
}
.notintroducer {
	background-color: #ececec;
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	height: 50px;
	padding-top: 10px;
	width: 100%;
}
.notintroducer:hover {
	background-color: #ececec;
}
/* === Remove input autofocus webkit === */
*:focus {
	outline: none;
}
/* === Form Tygraphy === */
.personaldetails h2, .personaldetails label, .accountdetails h2, .accountdetails label {
	font-family: Georgia, Times, "Times New Roman", serif;
}
.form_hint, .required_notification {
	min-width: 100px;
	font-size: 11px;
}
#detailsboxleft {
	float: left;
	position: fixed;
	border-right: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
	margin-left: -1px;
	background-color: #f7f7f7;
	padding-top: 5px;
	width: 460px;
	opacity: 0.98;
}
#detailsboxright {
	float: left;
	position: fixed;
	margin-left: -1px;
	border-right: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
	background-color: #f7f7f7;
	padding-top: 5px;
	width: 460px;
}
/* === List Styles === */
.personaldetails ul, .accountdetails ul {
	width: 100%;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
}
.personaldetails li, .accountdetails li {
	padding: 4px;
	border-bottom: 1px solid #eee;
	position: relative;
}
.personaldetails li:first-child, .personaldetails li:last-child, .accountdetails li:first-child, .accountdetails li:last-child {
	border-bottom: 1px solid #777;
}
/* === Form Header === */
.personaldetails h2, .accountdetails h2 {
	background-color: #f7f7f7;
	margin: 0;
	display: inline;
}
.required_notification {
	color: #d45252;
	margin: 5px 0 0 0;
	display: inline;
	float: right;
}
/* === Form Elements === */
.personaldetails label, .accountdetails label {
	width: 150px;
	margin-top: 3px;
	display: inline-block;
	float: left;
	padding: 0px;
}
.personaldetails input, .accountdetails input {
	height: 15px;
	width: 220px;
	padding: 2px 4px;
}
.personaldetails textarea, .accountdetails textarea {
	padding: 4px;
	width: 300px;
}
.personaldetails button, .accountdetails button {
	margin-left: 156px;
}
/* form element visual styles */
	
.personaldetails select, .accountdetails select {
	border: 1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius: 2px;
	background-color: #FFF;
}
.personaldetails optgroup, .accountdetails optgroup {
	text-decoration: none;
	font: 12px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	border: 1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius: 2px;
	background-color: #FFF;
}
.personaldetails input, .personaldetails textarea, .accountdetails input, .accountdetails textarea {
	border: 1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius: 2px;
	padding-right: 30px;
	-moz-transition: padding .25s;
	-webkit-transition: padding .25s;
	-o-transition: padding .25s;
	transition: padding .25s;
}
.accountdetails select:focus, .accountdetails option:focus, .personaldetails select:focus, .personaldetails option:focus {
}
.personaldetails input:focus, .personaldetails textarea:focus, .accountdetails input:focus, .accountdetails textarea:focus {
	background: #fff;
	border: 1px solid #555;
	box-shadow: 0 0 3px #aaa;
	padding-right: 70px;
}

/* === HTML5 validation styles === */	
.personaldetails input:required, .personaldetails textarea:required, .accountdetails input:required, .accountdetails textarea:required {
 background: #fff url(../images/red_asterisk.png) no-repeat 98% center;
}
.personaldetails input:required:valid, .personaldetails textarea:required:valid, .accountdetails input:required:valid, .accountdetails textarea:required:valid {
 background: #fff url(../images/valid.png) no-repeat 98% center;
 box-shadow: 0 0 5px #5cd053;
 border-color: #28921f;
}
.personaldetails input:focus:invalid, .personaldetails textarea:focus:invalid, .accountdetails input:focus:invalid, .accountdetails textarea:focus:invalid {
 background: #fff url(../images/invalid.png) no-repeat 98% center;
 box-shadow: 0 0 5px #d45252;
 border-color: #b03535
}
/* === Form hints === */
.form_hint {
	background: #d45252;
	border-radius: 3px 3px 3px 3px;
	color: white;
	margin-left: 8px;
	padding: 1px 6px;
	z-index: 999; /* hints stay above all other elements */
	position: absolute; /* allows proper formatting if hint is two lines */
	display: none;
}
.form_hint::before {
	content: "\25C0";
	color: #d45252;
	position: absolute;
	top: 1px;
	left: -6px;
}
.personaldetails input:focus + .form_hint, .accountdetails input:focus + .form_hint {
	display: inline;
}
.personaldetails input:required:valid + .form_hint, .accountdetails input:required:valid + .form_hint {
background: #28921f;
}
.personaldetails input:required:valid + .form_hint::before, .accountdetails input:required:valid + .form_hint::before {
color:#28921f;
}
/* === Button Style === */
button.submit {
	height: 30px;
	width: 100%;
	margin-left: -0;
}
button.submit:hover {
	opacity: .85;
	cursor: pointer;
}
button.submit:active {
	border: 1px solid #20911e;
}

p {padding-top:18px;}

/* ============================= main layout ====================== */

h3 {font-size:2.5em; line-height:1.243em; color:#575757; padding:0 0 10px 0; margin-top:-30px}
h3 strong {display:block; margin-top:-10px;}
h3 em {text-transform:uppercase; color:#dc7403;}
h4 {text-transform:uppercase; font-size:2em; line-height:1.243em; color:#323232; margin-top:10px; padding:4px 0 8px 3px; text-align:left; width:300px}


.row {	background: #ececec; height:auto !important; color:#bdbdbd;}
.row .indent {padding:40px 15px 0 37px;}
.row a {color:#bdbdbd;}

.row .col-pad {padding-right:57px;}
.row h2 {font-size:1.666em; line-height:1.243em; text-transform:uppercase; color:#eaeaea; padding:1px 0 9px 0;}

.row .adress {font-size:1.1666em; line-height:1.428em; color:#c9caca;}
.row .adress a {color:#c9caca; text-decoration:none;}
.row .adress a:hover {text-decoration:underline;}

.row .phone {display:inline-block; width:63px;}

.row .link {display:inline-block; background:url(../images/row-link-bg.gif) left 1px no-repeat; text-decoration: none; margin-top:19px; color:#dbdbdb; padding-left:22px; font-family:Arial, Helvetica, sans-serif;}
.row .link:hover {text-decoration:underline;}

.row .link-marg {margin-top:24px;}

.row .list li {background:url(../images/row-list-bg.gif) left 9px no-repeat;}

.col-pad {padding-right:52px;}
.col-pad1 {padding-right:75px;}

.bookmark {color:#7e7e7e; display:inline-block; padding-bottom:8px;}
.proff {color:#7e7e7e; display:inline-block; float:left; font-family:Arial, Helvetica, sans-serif;}
.proff em {font-style:normal; display:inline-block; padding-left:30px;}
.proff strong {color:#373636;}
.name {float:right;}


.link {display:inline-block; background:url(../images/link-bg.gif) left 2px no-repeat; padding-left:20px; margin-top:6px; text-decoration:none; color:#000; font-family:Arial, Helvetica, sans-serif;}
.link:hover {text-decoration:underline;}