* {margin: 0; outline: none; padding: 0}

abbr, acronym {font-size: 80%; letter-spacing: .1em; text-transform: uppercase}
abbr[title], acronym[title], dfn[title] {cursor: help}

.aboutBox {float:right;width:204px;padding:10px;background:#eee}

.Blue p, .Search p {margin: 0; padding: 10px 12px}

body {font-size: 0.8em; line-height: 1.8em; text-align: center}
body.searchTips {background-color: #FFF; padding: 30px; text-align: left}

.BodyContent img {margin:5px}
.BodyContent ul, .ContentModulesContainer ul {margin-left:10px}
.BodyContent ol {margin-left:35px}
.BodyContent li, .Content .listSummary li {margin:10px 0; line-height:1.2em; list-style-position:outside}
.BodyContent ul li { padding-left:20px;background:url(../images/bullet.png) no-repeat 0 2px}
.Content .listSummary li { padding-left:20px;background:url(../images/bullet.png) no-repeat 0 2px}
.BodyContent ul li li, .Content .listSummary li li { background:url(../images/bullet2.png) no-repeat 0 3px; padding-left:16px}
.BodyContent td {padding:5px 7px; line-height:1.3em}

.bottomfix {position: fixed; bottom: 0pt; margin-left:600px; z-index: 9999}

.Breadcrumb {font-size: .85em; margin: 0 0 20px 0}
.Breadcrumb li {display: inline; list-style: none; margin: 0 15px 0 0; padding: 0}
.Breadcrumb li a {padding: 0 15px 0 0; text-decoration: none}
.Breadcrumb li a:hover {text-decoration: underline}
.Breadcrumb ul {list-style: none; margin: 0; padding: 0}

.Button {font-weight: bold; margin: 5px 0 5px 0; padding: 2px 10px 2px 10px}
.Button, .SearchGoButton {cursor: pointer; font-size: .9em; font-weight: 400; height: 22px; line-height: 100%; margin: 0; padding: 0; width: 70px}

.CategoryFeedList, .OtherFeedList,.CategoryFeedList li, .OtherFeedList li {list-style-type: none}
.CategoryPagination {font-size: .9em; padding: 0 5px; text-align: center}
.CategoryPagination .PagingList li {display: inline; padding: 0 5px}
.CategoryPagination .PagingList, .CategoryPagination .PagingList li {list-style: none; margin: 0; padding: 0}

cite, em, dfn {font-style: italic}

.clearfix {display: inline-block}
.clearfix:after {clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden}

.closeButton {position: absolute;width:20px; margin-left:664px; margin-top:37px}

.CommentSettingsLink {padding: 5px 15px}

#Container {margin: 0 auto; text-align: left; width: 920px}

#content {clear:both; padding:0 10px;width:900px;background-image: url(../images/contentbg1.png) !important; background-position:repeat-y}

.Content {float: left; min-height: 500px}
.Content .ContentPostDetails li {background-position: 0% 6px; background-repeat: no-repeat; padding: 5px 15px 0 20px}
.Content h2 {font-size: 1.8em; line-height: 1.8em;clear:both}
.Content h3, .Module_Form .SectionBreak label {font-size: 1.4em; line-height: 1.4em;clear:both}
.Content h4, .Content h5, .Content h6 {clear:both}
.Content .listSummary fieldset {margin: 10px 0}
.Content .listSummary .tplContent, .Content .listSummary h4, .Content .listSummary h3, .Content .listSummary h5, .Content .listSummary h2,.Content .tplContent h4, .Content .tplContent h3, .Content .tplContent h5, .Content .tplContent h2 {padding: 10px 0}
.Content .PostDetails li {background-position: 0% 6px; background-repeat: no-repeat; display: inline; padding: 3px 15px 0 20px}
.ContentModulesContainer, .listRow, .BodyContent {clear: both; margin-bottom:20px}
.ContentModulesContainer ul li {background:url(../images/doc.png) no-repeat 0 4px; padding:2px 20px }
.ContentPostDetails {margin: 10px 0px}
.ContentPostDetails li {display: inline}

del {text-decoration: line-through}

.even td {background-color: #D5EAFF}

.FeedLink a {font-size: 0.9em; font-weight: bold; padding: 0 0 3px 20px; text-decoration: none}

fieldset {margin: 5px 15px; padding: 20px 20px 20px 20px}

.first {text-align: left}

#flashyQuotes {position:absolute;top:45px;margin-left:560px}

#Footer {clear:both;font-size: .8em; height: 115px; line-height: 130%; margin: 0 auto; padding:0; text-align: left; width: 920px}
#Footer a, #Footer a:link, #Footer a:active, #Footer a:visited {margin: 0; text-decoration: underline}
#Footer p {margin:0;padding-top:15px;padding-bottom:15px}
#FooterList.Block1 {float: left; padding-left: 20px}
#FooterList.Block2 {text-align:center; padding:15px 0}
#FooterText {width: 400px; margin:0 30px}
#FooterText.Block1 {float: left}
#FooterText.Block2 {float: right}

form {margin: 0 0 20px 0; padding: 0}
#form-13 {width:315px}

h1 {font-size: 1.6em}
h2 {font-size: 1.3em}
h2 em {font-size: 1.15em}
h2.tplAuthorName {font-size: 1.3em; font-weight: 700}
h3 {font-size: 1.2em}
h3.tplLangContentByAuthor {font-size: 1.3em; font-weight: 700}
h4 {font-size: 1.1em}
h5 {font-size: 1em}
h6 {font-size: 1em}

#Header {height: 113px}
#Header h1 {padding: 28px 0 0 31px; text-indent:-9999px}
#Header h1 a {font-family: arial, sans-serif; font-size: 1.5em; letter-spacing: -1px; line-height: 100%; text-decoration: none}

.HighlightedLink a {font-size: 0.9em; font-weight: bold; padding: 0 0 3px 8px; text-decoration: none}

.home {position:absolute;top:10px; width:105px;height:100px; margin-left:-20px;z-index:3}

.HorizontalFormContainer dd {margin-bottom: 5px; margin-left: 130px}
.HorizontalFormContainer dt {clear: left; float: left; margin: 0 0 5px 0; width: 130px}
.HorizontalFormContainer p.Submit {margin: 0 0 0 130px}

hr {border-top: 1px solid #d8d0b8; height: 1px}

html {font-family: Arial, Helvetica, sans-serif}
html[xmlns] .clearfix {display: block}

.HtmlBlock {margin: 0 0 1px 0}
.HtmlBlock p {padding: 10px 12px 0}

input, textarea, select {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; margin: 5px 0 5px 0; padding: 3px}

.Left {float: left; padding: 10px 6px 10px 10px; width: 200px;margin-right:11px}
.Left .Block, .Right .Block {margin-bottom: 4px}
.Left h2, .Right h2 {font-size: 1.2em; font-weight: bold; margin: 0; padding: 5px 10px}
.Left li, .Right li {margin-top: 0px}
.Left .tplImage, .Right .tplImage {margin: 10px 12px}
.Left ul li, .Right ul li {padding: 0px 12px}
.Left ul, .Right ul {margin:0;padding:0px}

legend {font-size: 1.4em; font-weight: 400; margin: 5px 0 0 0; padding: 0 5px 0 5px}

li.ContentAuthors {text-decoration: none}
li.ContentAuthors a {text-decoration: underline}
li.ContentAuthors a:hover {text-decoration: none}
li.ContentCategories {text-decoration: none}
li.ContentCategories a {text-decoration: underline}
li.ContentCategories a:hover {text-decoration: none}

.listRow {}

.listSummary {clear: both}

a.loginButton:link, a.loginButton:visited {background:url(../images/loginbutton.png) no-repeat top left; display:block;width:191px;height:40px;font-size:1.5em;padding:10px 12px;line-height:0.9em;color:#023672;text-decoration:none}
a.loginButton:hover {background-position: bottom left;text-decoration:none}
a.loginButton span {font-size:0.8em;color:#333}

#LogoImage {float: left; height: 36px; margin: 0 0 0 10px}

#LogoText {float: left; height: 36px}

#Menu {height:29px; width:900px;padding:0 10px}
#Menu li {float: left; list-style: none; padding: 0; margin:0; font-size: 1em;font-weight: bold; line-height:1.5em}
#Menu li a {display: block; margin: 0 1px 0 0; padding: 0; text-decoration: none;background: url(../images/button2.png) no-repeat top right}
#Menu li a span {background:url(../images/button1.png) no-repeat 0 0; display:block; padding: 5px 16px 5px 12px}
#Menu li a:hover {background-position:right bottom}
#Menu li a:hover span {background-position:left bottom}

#Menu li ul {display: none; padding: 0; position: absolute; text-align: left; width: 200px; z-index: 4; top:142px}
#Menu li ul li {float: left; text-align: left; width:100%}
#Menu li ul li a {display: block; font-weight: normal; padding: 4px 8px; margin:0}
#Menu li ul li a, #Menu li.over li a {text-decoration: none !important}

#Menu li:hover ul, #Menu li.over ul {display: block}
#Menu ul {padding-left:3px; margin:0}

/* =====[ FORM LAYOUT only works in FF ]=====
.Module_Form .Widget {clear:both}
.Module_Form .Text label {float:left;width:170px}
.Module_Form .Text input {display:block;width:330px}
.Module_Form textarea {width:500px}
*/

.Name {display:none}

.odd td {background-color: #fff}

p {line-height:1.3em; margin:10px 0}

q {quotes: "" ""}

.quicklinks a {display:block; padding:10px 5px; border-top:1px solid #fff; border-bottom:1px solid #ccc; font-size:0.9em}
.quicklinks .qCLogin {background:url(../images/icon-clogin.png) no-repeat 0 6px;padding-left:30px}
.quicklinks .qContact {background:url(../images/icon-contact.png) no-repeat 0 6px;padding-left:30px}
.quicklinks .qClient {background:url(../images/icon-client.png) no-repeat 0 6px;padding-left:30px}
.quicklinks .qNews {background:url(../images/icon-newsletter.png) no-repeat 0 6px;padding-left:30px}
.quicklinks .qAccLogin {background:url(../images/icon-acc.png) no-repeat 0 6px;padding-left:30px}

.quote {border-left:15px solid #A4DBFF;font-style:italic;padding-left:10px;}

.Right {float: right; padding: 0 0 10px 5px; width: 215px}

.RSSBlock a:hover, .RSSBlock a:hover {}
.RSSBlock h2 a {background-position: 5px 10px; background-repeat: no-repeat; display: block; font-size: 0.84em; height: 35px; padding-left: 43px; padding-top: 15px}
.RSSBlock h2, .RSSBlock {padding: 0 !important}

.Search {background-color: #dddddd; margin: 0 0 1px 0; padding: 0}
.Search form {padding: 0 12px}
.Search p {font-size: .85em; margin-top: -62px}

.SearchGoButton {margin-left: 105px}

.SearchToggleLinkShow, .SearchToggleLinkHide {font-size: .8em}

select option {padding: 0 10px}

#Slogan {float: left; font-family: arial,sans-serif; padding: 40px 0px 0 10px; text-indent:-9999px}

.Small {font-size: .8em}

small, sup, sub {font-size: 85%}

#smallSearch_Query {width: 166px}

strong, th, thead td, h1, h2, h3, h4, h5, h6 {font-weight: bold}

sub {vertical-align: sub}
sub, sup {vertical-align: baseline}

.Summary h2 {border-bottom: 0}
.Summary li {border-top: none; margin: 0; padding: 10px 12px !important}
.Summary li a {padding: 0 !important; text-decoration: underline}
.Summary li a:hover {text-decoration: none}

sup {vertical-align: super}

* table, * tbody, * th, * tr, * td {padding:0; margin:0}

table.tablePaddingZero tr td {padding:3px 0;border:0}

.Testimonial {margin: 10px 0; padding: 5px 20px}

.topMenu {position:absolute; top:0; width:900px; text-align:right; color:#7D97B6; font-weight:bold; font-size:.9em}
.topMenu a:link, .topMenu a:visited {text-decoration:none}
.topMenu a:hover {text-decoration:underline}

.TwitterFeed .BlockContent ul li {border-top:1px dashed #eee; border-bottom:1px dashed #eee}
.TwitterFeed .BlockContent ul li i {text-align:right; color:#666;display:block;font-size:11px}

.tplAuthorImage {margin: 5px 15px 15px 15px}
.tplWidthColumns1 {width:900px; background:#F4F7F9}
.tplWidthColumns1 .tplvar-customcontent-content {display:none}
.tplWidthColumns1 .worldBlock, .tplWidthColumns1 .Block4, .tplWidthColumns1 .Block5, .tplWidthColumns1 .quicklinks {float:left;min-height:240px; height:auto !important;height:240px}
.tplWidthColumns1 h2 {background:#ccc; color:#002A53;font-size:1.2em; font-style:normal; padding:5px 10px;line-height:1.2em}
.tplWidthColumns1 .BlockContent {padding:2px 10px}
.tplWidthColumns1 .quicklinks {width:225px}
.tplWidthColumns1 .worldBlock, .tplWidthColumns1 .Block4, .tplWidthColumns1 .Block5 {border-right:1px solid #ccc; width:224px}
.tplWidthColumns2 {width:650px;padding:10px 10px 0 20px}
.tplWidthColumns3 {width:534px}

ul, dir, menu {list-style: none}

* ul.greenarrow {font-size:9pt;line-height:15px;list-style-type:none}
* .greenarrow li {padding:4px 0px 4px 25px;background:url(http://www.webtron.com.au/images/arrow.png) no-repeat 0 50%;list-style-type:none}
* ul.greenplus {font-size:9pt;line-height:15px;list-style-type:none}
* .greenplus li {padding:4px 0px 4px 25px;background:url(http://www.webtron.com.au/images/plus.png) no-repeat 0 50%;list-style-type:none}
* ul.greentick {font-size:9pt;line-height:15px;list-style-type:none}
* .greentick li {padding:4px 0px 4px 25px;background:url(http://www.webtron.com.au/images/tick1.gif) no-repeat 0 50%;list-style-type:none}

.VerticalFormContainer dd {margin-bottom: 6px; margin-left: 0}

.ViewAuthorContainer h3 {clear: both}

.webtron {float:right;margin:20px 10px}
.webtron a {display:block;background:url(../images/webtronlogo.jpg) no-repeat right top;padding:5px 120px; color:#7489A5}
.webtron a:link, .webtron a:visited, .webtron a:hover {font-weight:normal; text-decoration:none}
.webtron span {display:block; text-indent:-500px; overflow:hidden}

.White {margin: 0 0 1px 0}
.White p {padding: 0 15px 5px 15px}

/* apply clearfix to all blocks to fix floating content issues */
.Block:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0; }
.Block { display: inline-block; } /* for IE/Mac */
html[xmlns] .Block { display: block; }
* html .Block { height: 1%; }

div.box {margin:10px 0}
div.box h3 {padding:5px 5px 5px 30px; margin:0; cursor:pointer; background-image:url(../images/collapse.png); background-repeat:no-repeat; background-position:8px 8px}
div.box p {padding:0; margin:5px 0}