.hide		{ display: none; }

div.invalid, input.invalid, p.invalid { border: solid #ee2222 1px !important; background: #ffaead; }
div.valid, input.valid, p.valid { border: solid #bbccaa 1px !important; background: #ddeecc; }
div.invalid, p.invalid, div.valid, p.valid { padding: 5px; margin-bottom: 10px; }

span.invalid { color: #ee2222; text-decoration: underline; }
span.valid { color: #bbccaa; text-decoration: underline; }

.WigbiUIPlugin { }

.WigbiUIPlugin input[type="text"],
.WigbiUIPlugin input[type="password"],
.WigbiUIPlugin textarea
{
	border: solid 1px #c0c0c0;
	font-family: helvetica, arial;
	font-size: 1em;
	margin-bottom: 5px;
	width: 100%;
}


.WigbiUIPlugin .editButton,
.WigbiUIPlugin .viewButton
{
	font-size: 0.8em;
	margin-bottom: 5px;
} 


.WigbiUIPlugin .formButtons
{
	margin-top: 5px;
	text-align: right;
}

.align-right { text-align: right; }
.em { font-style: italic; }
.hidden { display: none; }
.no-margin { margin: 0px !important; }
.no-margin-top { margin-top: 0px !important; }
.no-margin-bottom { margin-bottom: 0px !important; }
.small-margin-bottom { margin-bottom: 5px !important; }
.small-text { font-size: 0.6em; }
.strong { font-weight: bold; }
.underlined { text-decoration: underline; }


.box-top { height: 8px; background: url(../../../../content/img/box-top.png) repeat-x; }
.box-top.two { background: url(../../../../content/img/box-top-two.png) repeat-x; }
.box-top.three { background: url(../../../../content/img/box-top-three.png) repeat-x; }
.box-top.four { background: url(../../../../content/img/box-top-four.png) repeat-x; }

.box { margin-bottom: 10px; border-bottom: solid 2px #e6e6e6; background: white; padding: 5px; text-align: center; font-size: 1em !important; }
.box-top + .box { margin-bottom: 0px; border: none; padding: 5px; }
.box .ingress { text-align: left; padding-left: 5px; }
.box > img { margin-top: 5px; }

.box-bottom { height: 15px; margin-bottom: 10px; background: url(../../../../content/img/box-btm.png) repeat-x; }
.box-bottom.two { background: url(../../../../content/img/box-btm-two.png) repeat-x; }
.box-bottom.three { background: url(../../../../content/img/box-btm-three.png) repeat-x; }
.box-bottom.four { background: url(../../../../content/img/box-btm-four.png) repeat-x; }

.boxGroup  { margin-left: -18px; }
.boxGroup > div { float: left; margin-left: 18px; }
.boxGroup.two > div { width: 441px;  }
.boxGroup.three > div { width: 288px;  }

.columns > div { float: left; }
.columns > .left  { width: 409px; padding-right: 20px; border-right: solid 1px #ddd; }
.columns > .right  { width: 409px; padding-left: 20px; border-left: solid 1px #ddd; margin-left: -1px; }

.columns.wide-left > .left  { width: 509px; }
.columns.wide-left > .right  { width: 309px; }
.columns.wide-right > .left  { width: 309px; }
.columns.wide-right > .right  { width: 509px; }

.container, .editPanel { background: #F3F3F1; padding: 10px; border: solid 1px #ddd; border-left-color: #eee; border-right-color: #eee; border-bottom: none;  }
.container > div { margin-bottom: 20px; border: solid 1px #ddd; background: white; border-left-color: #eee; border-right-color: #eee; border-top: none; padding: 10px; }
.container > div:last-of-type { margin-bottom: 0px; }
.container > p { margin: 0px 0px 5px 0px; padding-left: 5px; }
.container.download > div { height: 35px; }
.container.download > div > span { float: left; display: inline-block; margin-right: 7px; width: 38px; height: 38px; background: white url(../../../../content/img/download.png) left no-repeat !important; }
.container.download > div > a { display: inline-block; padding-top: 3px; }

/*.frame.striped.download { border: solid 1px #fa0; background: url(../../../../content/img/bg-lines-soft-y.png); }*/

/*

/*.box>div, .box>span, .box>ul { font-size: 1.4em; }*/


ul.horizontal, ul.clean { margin: 0px; padding: 0px; list-style: none; }
ul.horizontal li { float: left; }

ul.clean { background: url(../../../../content/img/ul-clean-bg.png) top no-repeat; }
ul.clean li { padding: 3px; background: url(../../../../content/img/ul-clean-bg.png) bottom no-repeat; }
ul.clean li.separator { height: 4px; overflow: hidden; font-size: 0.01em; color: white; background: url(../../../../content/img/ul-clean-sep-bg.png); }

#features { background: none !important; }
#features li { padding: 2px 0px 5px 30px; background: url(../../../../content/img/tick.png) left no-repeat; }


.fc:after, .boxGroup:after { content:".";clear:both;display:block;visibility:hidden;height:0; }
* html .fc, * html .boxGroup { height:1px; }


html, body { margin: 0px; padding: 0px; background: url(../../../../content/img/bg-lines.gif) repeat; color: #222; }

body,h1,h2,h3,h4,p,table,td,th,ul,ol,textarea,input { font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif; }
body { font-size: 0.625em; }

a { color: black; text-decoration: none; }
a img { border: none; }
a.em { text-decoration: underline; font-style: italic; }

h1 { font-size: 1.6em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }

hr { margin:25px 0px; height:3px; border:none; background: url(../../../../content/img/ul-clean-bg.png) bottom repeat-x; }

embed { border: solid 1px #ddd; border-left: none; border-bottom: none; } 

p.ingress { margin-top: 0px; }
p.ingress.large { font-size: 1.3em; line-height: 1.4em; }

#main { margin: 0 auto -100px; width: 900px; }
#main-header { overflow: hidden; position: relative; height: 100px; }
#main-logo, #main-menu { position: absolute; }

#main-logo { top: 20px; left: 0px; }

#main-menu { right: 0px; top: -15px; }
#main-menu li { margin-left: 7px; width: 110px; text-align: center; font-size: 1.6em; }
#main-menu li > .box { padding: 20px 0px 3px 0px; font-size: 1em; }
#main-menu li.selected > .box { padding-top: 40px; }
#main-menu li, p.ingress { font-family: georgia,"times new Roman",serif; font-style: italic; }

#main-body { background: white; padding: 20px; padding-top: 30px; font-size: 1.6em; }