@charset "utf-8";
/* CSS Document */
/* default settings */
html, body {
	font-family: Myriad Web, Myriad, Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#225396;
	margin:0;
    padding:0;
    border:0;
	height:100%;
    background: #ffffff url(../i/bg.gif) repeat-x top left;
    text-align:left;

}
html {
    background-color: #6794D0;
}
img {
 	margin:0;
	padding:0;
	border:0;
}
a:link, a:visited, a:active {
	color:#5287cf;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color:#036dfc;
}
p {
	padding:0px;
	line-height:1.3em;
	margin:3px 0px 12px 0px;
}

/* structure */
.wrap {
 	width:836px;
	margin:auto;
	padding:0 40px 0 40px;
}
#bodybg {
	background-color:#FFFFFF;
}
#footbg {
	background-color:#6794d0;
}
#brand {
	display:block;
	float:left;
	width:577px;
	height:115px;
	position: relative;
	background: url(../i/clearwiki-logo-reversed.gif) left top no-repeat;
}
#brand a { 
	visibility:hidden;
	text-decoration:none;
}
#brand a:hover i { 
	visibility:hidden;
	text-decoration:none;
}
.service {
	display:block;
	float:right;
	width:259px;
	height:115px;
	position: relative;
	background: url(../i/services-nav-bg.gif) left top no-repeat;
	text-align:right;
}
.main {
	width:836px;
	height:37px;
}
.sub {
	width:836px;
	height:37px;
}
#body {
	width:836px;
	background-color:#FFFFFF;
}
#bodytwo {
	width:836px;
	background: url(../i/twocol-bg.gif) #FFFFFF;
}
#mid {
	background: url(../i/nav-sub-bg.gif) left top repeat-x;
}
#topspace {
	height:15px;
}
#blue {
	background-color:#6794d0;
}
/* nav styles */
.nav ul {
	margin:0;
	padding:10px 0 10px 0;
}
.service ul {
	padding-top:8px;
}
.sub ul {
	padding-top:10px;
}
.nav ul li {
	display:inline;
	list-style:none;
}
.nav a {
	text-decoration:none;
	padding:10px 12px 10px 12px;
}
.main a {
	font-size:15px;
	color:#FFFFFF;
	/*border-bottom:#2d67b7 solid 1px;*/
} 
.main a.on {
	font-size:15px;
	color:#FFFFFF;
	/*border-bottom:#6794d0 solid 1px;*/
	background-color:#6794d0;
}
.main a:hover {
	/*background-color:#6794d0;*/
	background-color:#2e68b8;
} 
.main a:hover.on {
	background-color:#6794d0;
} 
.service a {
	color:#699ce0;
	padding:8px 12px 8px 12px;
}
.service a.on {
	background-color:#174687;
}
.service a:hover {
	background-color:#174687;
	color:#FFFFFF;
} 
.service a:hover.on {
	background-color:#174687;
} 
.sub a {
	color:#c0dafd;
	font-size:15px;
} 
.sub a.on {
	background-color:#6794d0;
	color:#ffffff;
}
.sub a:hover {
	background-color:#517fba;
	color:#FFFFFF;
} 
.sub a:hover.on {
	background-color:#6794d0;
}

/* intro and side panel */
.twocol {
	width:836px;
}
.left {
	width:550px;
	float:left;
	padding-right:16px;
}
.right {
	width:250px;
	float:left;
	padding:10px;
}
#intro {
	background:url(../i/intro-bg.gif) left top repeat-y;
}

/* footer */
#footer a {
	color:#FFFFFF;
	padding-left:6px;
}
#footer {
	font-size:11px;
}
.footwrap {
	width:230px;
	float:left;
}
.footwrap ul {
	margin:0;
	padding:0;
}
.footwrap ul li {
	list-style:none;
	margin:0 10px 0 10px;
	padding:4px 0 4px 0;
	border-bottom:solid #79a1d6 1px;
}
.footright {
	float:right;
	width:418px;
	text-align:right;
}
.footleft {
	float:left;
	width:418px;
}
/* Page Elements */
#createleft {
	float:left;
	width:105px;
}
#createright {
	float:right;
	width:145px;
}
#createcentre {
	clear:both;
	width:250px;
    font-size:12px;
}
#copyright {
	float:left;
}
#copyright a:link, #copyright a:visited, #copyright a:active {
	color:#225396;
}
#copyright a:hover {
	color:#FFFFFF;
}
hr {
	border:0px;
	height:1px;
	background-color:#e8e5dc;
	color:#e8e5dc;
}
hr.blueline {
	border:0px;
	height:1px;
	background-color:#79a1d6;
	color:#79a1d6;
}
ul.features {
	width:831px;
	padding:0;
	margin:0;
}
ul.features li {
	display:inline;
	list-style:none;
	float:left;
	width:277px;
	background:url(../i/tick-bg.gif) repeat-y left top;
	padding:0;
	margin:0;
}
ul.featurestwo {
	width:560px;
	padding:0;
	margin:0;
}
ul.featurestwo li {
	display:inline;
	list-style:none;
	float:left;
	width:277px;
	background:url(../i/tick-bg.gif) repeat-y left top;
	padding:0;
	margin:0;
}
.tick img {
	padding:6px 0px 8px 12px;
}
.tick {
	background:url(../i/tick-top.gif) no-repeat left top;
	padding:18px 36px 0px 18px;
	width:223px;
}
.tick div {
	background:url(../i/tick-bot.gif) no-repeat bottom;
	padding:0px 36px 18px 18px;
	margin-left:-18px;
	margin-right:-36px;
	width:223px;
}	

.startlink a {
	display:block;
 	font-size: 18px;
	text-align:left;
	color:#f36f32;
}
a.getstarted {
	display:block;
 	font-size: 26px;
	margin:0;
	padding: 24px 0 5px 0;
	color:#225396;
}
a:hover.getstarted {
	color:#ffffff;
}
ol li {
	padding-bottom:8px;
	font-weight:bold;
}
.right ul {
	margin:0;
	padding-left:4px;
}
.right ul li {
	list-style:none;
	padding: 6px 0;
	border-top:dashed 1px #e8e5dc;
}
/*Form Style*/
label {	
	display: block;
	width:140px;
	float:left;
	text-align:right;
}
label.note {
	font-size:10px;
	color:#79a1d6;
	line-height:12px;
}
input {
	margin-left:14px;
}
form {
	padding-left:16px;
}

/*quote box */
.quotebox {
	background:url(../i/quote-top-bg.gif) no-repeat top;
	padding-top:10px;
}
.quotebox p {
 	background:url(../i/quote-bg.gif) repeat-y;
	padding-left:10px;
	padding-right:10px;
}
.quote {
	background:url(../i/quote-bot-bg.gif) no-repeat bottom;
	padding-bottom:16px;
}
.by {
	font-size:10px;
	color:#79a1d6;
}
/* matrix table*/
#matrix {
	text-align:left;
	border:none;
	margin:0;
	padding:0;
}
#matrix td {
	padding:6px 4px;
}
#matrix tr:hover, #matrix tr:hover.even {
	background-color:#e8e5dc;
}
#matrix tr.even {
	background-color:#f8f6f0;
}
/* blog styles */
.divider {
	border-bottom:solid 1px #e8e5dc;
	margin-top:12px;
}
.footnote {
	font-size:12px;
	color:#79a1d6;
}
/* Alt sifr3 styles */
h1.w {
	color:#ffffff;
}
h1.o {
	color:#f36f32;
}
h1.b {
	color:#225396;
}
h2.b {
	color:#225396;
}
h2.o {
	color:#f36f32;
}
h2.w {
	color:#ffffff;
	font-size:16px;
}
h2.entry-header {
	color:#225396;
	font-size:22px;
}
h2.date-header {
	color:#225396;
	font-size:22px;
}
h2.module-header {
	color:#f36f32;
	font-size:18px;
}

.tosFrame {
    border: 1px solid #777;
    width: 548px;
}

.err {
    color: red;
}

.jserr {
    color: red;
    font-size:12px;
    margin-left: 14px;
}
.clearbreak {
    line-height:2px;
    clear:both;
}