@charset "utf-8";
@import "reset.css";

html, body { font-family: Helvetica, Arial; font-size: 12px; border: 0; color: #333; background: #FFFFFF; }
body, img, p, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote { margin: 0; padding: 0; }
p { line-height: 20px; padding: 10px 0; }
h1, h2, h3, h4, h5 { padding: 10px 0; font-family: Helvetica, Arial; color: #444; }
ul, ol { list-style: none; padding: 10px 0; }
small { font-size: 11px; }
code { background: #FFFFC1; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
blockquote p { padding: 0; }

body { background: #FFF url('/custom/images/omnibility/bg-top-tile.gif') repeat-x; }


/*a{color:#326693;outline:none;} */

#creditfooter { display: none;}

/* Align */
.aligncenter { margin: 10px auto 20px auto; display: block; }
.alignleft { margin: 10px 20px 15px 0; float: left; }
.alignright { margin: 10px 0px 15px 20px; float: right; }
.col-left { float: left; }
.col-right { float: right; }

/* Misc */
.wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix { clear: both; height: 1px; margin: -1px 0 0; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.ac { text-align: center; }
.ar { text-align: right; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
.clearfix { clear: both; }
.asterisk { font-style: italic; font-size: 12px; color: rgb(119, 119, 119); margin-top: -20px; }


/* Top  */
#top { height: 65px; width: 940px; margin: 0 auto; }
#top h1 { display: none; }
#top img.title { float: left; display: block; margin-top: 4px; }

/* Top Navigation */
#top-nav { margin-left: 210px; padding-top: 17px; }
#top-nav a:hover { text-decoration: underline; }
#top-nav ul { padding: 0; }

/* Page Nav */
#nav { height: 30px; }
#nav, #nav ul { list-style: none; line-height: 1; z-index: 100; padding: 0; }
#nav a { display: block; line-height: 30px; z-index: 100; padding: 0 10px; color: #000; font-size: 14px; font-weight: 700; }
#nav li { float: left; line-height: 30px; margin: 0; }
#nav li a { color: #3f3f3f; text-decoration: none; padding: 0 0 0 11px; text-shadow: 0 1px #fff; }
#nav li a span { display: inline-block; height: 30px; padding: 0 10px 0 0; }
#nav li a:hover, #nav li.active a, #nav li.current_page_item a { background: url(/custom/images/omnibility/top-nav-left.png) no-repeat left; color: #fff; cursor: pointer; text-decoration: none; }
#nav li.active a span, #nav li.current_page_item a span, #nav li a:hover span { background: url(/custom/images/omnibility/top-nav.png) no-repeat right; text-shadow: 0 1px #222; }

/* Content / layout */
.content { width: 940px; margin: 0 auto; padding: 0; }
#main { background: #fff; margin: 10px 0 20px; }
#main .col-left { float: left; width: 580px; margin-bottom: 20px; }
#main .col-right { float: right; width: 340px; margin-bottom: 20px; }
#main .col-left-small { float: left; width: 220px; margin-bottom: 20px; margin-right: 20px; }
#main .equal-col-left { float: left; width: 460px; margin-bottom: 20px; }
#main .equal-col-right { float: right; width: 460px; margin-bottom: 20px; }
#main .single-theme .col-left { margin-bottom: 0px; }

/* Main Content (style) */
#main h2, #main h3 { font-weight: normal; }
#main h2 { font-size: 24px; padding-top: 0; }
#main h3 { font-size: 18px; }
#main h4 { font-size: 16px; text-transform: uppercase; }
#main .post h4 { font-size: 16px; text-transform: none; }
#main ol, #main ul { line-height: 18px; margin: 10px 0; }
#main ul { padding-left: 20px; margin-bottom: 20px; }
#main .post ul li { background: url(/custom/images/omnibility/ico-bullet-arrow.png) no-repeat left 10px; padding: 5px 0 5px 15px; }
#main ol { padding-left: 35px; }
#main ol li { list-style: decimal; padding: 3px 0; list-style-position: inside; }
#main blockquote { background: url(/custom/images/omnibility/bg-quote.png) no-repeat 5px 0px; color: #777777; font-style: italic; margin: 25px 0; padding: 0 10px 0 65px; width: 85%; }

#middle { _width:580px; width:590px; float:left; }
#middle h3 { padding:0; }
/* #content .block { _width:270px; width:280px; height:150px; float:left; margin:0 10px 10px 0; } */

#wide { _width:890px; width:900px; float:left; }
#wide h3 { padding:0; }

a.more-link { font-weight: 700; }

/* footer */
#footer {clear: both; width: 100%; height: 170px; background:#d0d9e0 url('/custom/images/common/bg-footer-tile.gif') repeat-x; color:#576672; padding:10px 0 20px; margin-top: 25px; }
#footer .bevel{ background:url('/custom/images/common/bevel-footer.gif') repeat-x top right;height:2px;width:90%;border:0;}
#footer #MicrosoftCertifiedPartner { float: right;  width: 139px; height: 77px;  }
#footer-content { width: 940px; padding-top: 5px; margin: 0 auto; }
#footer-content p { text-align: center; }
#footer-content ul { text-align: center; }
#footer-content li { display: inline; margin: 0; white-space: nowrap; }
#call-us { display:inline; }
#call-us img { }


#news .block { width: 280px; margin-right: 20px; float: left; }
#news h3 { padding: 0; }
#news .block ul { padding: 0; margin: 0; }
#news .block ul li { list-style-type: none; padding: 10px 0; border-bottom: 1px dotted #e6e6e6; }
#news .block ul li p { padding: 2px 0; }
#news .blog a { font-weight: bold; }
#news .blog .meta { font-size: 11px; color: #999; }
#news .blog .meta a { color: #999; font-weight: normal; }
#news .newsletter { width: 340px; margin: 0; }
#news .newsletter input.input { background: #eaeaea; border: 1px solid #bebebe; padding: 5px; width: 154px; margin: 5px 0 15px; color: #777; border-top: 1px solid #bebebe; border-left: 1px solid #bebebe; border-bottom: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; }

/* Sidebar */
#sidebar { overflow: hidden; background: #fcfcfc; font-size: 14px; }
#sidebar h3 { font-size: 16px; font-weight: 700; text-transform: uppercase; color: #000; background: none; border: 1px solid #e3e3e3; border-width: 1px 0; padding: 25px 10px 20px; }
#sidebar ul { clear: both; }
#sidebar ul li { background: none; border-bottom: 1px solid #f4f4f4; line-height: 22px; overflow: hidden; padding: 0; }
#sidebar ul li:hover, #sidebar ul li.current-cat { background: #e3e3e3; }
#sidebar ul li:hover, #sidebar ul li.current-cat { background: #e3e3e3; }
#sidebar ul li a { background: url(/custom/images/omnibility/ico-bullet-sidebar.png) no-repeat 10px center; color: #636363; display: block; text-decoration: none; padding: 4px 10px 4px 20px; }
#sidebar a:hover, #sidebar .current-cat a, #sidebar li.active a { color: #000; }
#sidebar ul li span { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #878787; font-weight: 400; }
#sidebar ul, #sidebar .textwidget { clear: both; padding: 0; }
#sidebar .widget { margin-bottom: 0; }
#sidebar ul ul { border: 0; margin: 0 0 5px; padding: 0; }
#sidebar ul ul li { border: 0; padding: 0 0 0 10px; font-size: 12px; }
#sidebar ul ul li a { background: none; }
#sidebar p { padding: 0; line-height: 22px; }
#sidebar.theme { background: none; border: none; }
#sidebar.theme h3 { padding: 10px 0; border: 0; }
#sidebar .textwidget { padding: 10px 10px 15px; }
#sidebar ul.tutorials li a { background: url(/custom/images/omnibility/ico-star.png) no-repeat 10px center; padding-left: 30px; }

/* Sidebar (widgets)*/
.widget .wrap { padding: 15px 10px; }
.textwidget { clear: both; line-height: 20px; padding: 5px 2px; }
#theme-docs-dropdown .dropdown { background: #fff; float: left; padding: 2px 0; border-top: 1px solid #bebebe; border-left: 1px solid #bebebe; border-bottom: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; }
#theme-docs-dropdown .dropdown select { width: 228px; border: 0; }
.support #theme-docs-dropdown .dropdown select { width: 400px; }

/* Sidebar (Search)*/
#sidebar #search_main form div { position: relative; background: #fff; border-top: 1px solid #bebebe; border-left: 1px solid #bebebe; border-bottom: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; float: left; width: 225px; height: 24px; }
#sidebar #search_main #searchform { height: 30px; padding: 20px 10px; }
#sidebar #search_main input.field { width: 215px; position: absolute; left: 6px; top: 2px; padding-top: 2px; outline: none; color: #424242; border: 0; background: transparent; z-index: 1; color: #777; }
#sidebar #search_main input.submit { position: absolute; right: 0; top: 0; z-index: 1; }

#intro-theme .intro-theme-slider-link { display: block; position: absolute; top:28px; left:0;}
#intro-theme .intro-theme-slider-button { position: absolute; top:50%; left:135px; width: 90px; height:30px; background:url(/custom/images/omnibility/btn-next.png); -moz-opacity: 0.3; opacity: 0.3; filter: alpha(opacity = 30);  cursor: pointer;z-index: 500;}
#featured .ribbon-2for1 { z-index: 500;}
#intro-theme .intro-theme-slider-button-view { display:block; position: absolute; top:50%; left:240px; width: 90px; height:30px!important; text-indent:-9999px; background:url(/custom/images/omnibility/btn-view-grey.png); -moz-opacity: 0.3; opacity: 0.3; filter: alpha(opacity = 30); cursor: pointer;z-index: 500;}

/* Featured / Intro */
#featured{background:url(/custom/images/omnibility/bg-featured.jpg) no-repeat top center;height:389px;}
#featured #intro-copy{float:left;width:460px;margin-top:35px;}
#featured #intro-copy h2{text-indent:-999em;background:url(/custom/images/omnibility/intro-copy.png) no-repeat top left;width:425px;height:171px;display:block;margin:0;padding:0;}
#featured #intro-copy p.description{text-indent:-999em;padding:0;}
#featured a.intro-btn{background:url(/custom/images/omnibility/intro-btn.png) no-repeat top left;width:400px;height:58px;display:block;overflow:hidden;text-indent:-999em;margin-top:20px;}
#featured a.intro-btn:hover{background-position:0 -58px;}
#featured #intro-theme{position:relative;background:url(/custom/images/omnibility/bg-intro-theme.png) no-repeat;float:right;width:462px;height:291px;display:block;margin-top:26px;padding-top:28px;}
#featured #intro-theme a{height:281px; overflow:hidden;}
/* #featured .ribbon-2for1{ background:url(/custom/images/omnibility/ribbon-2for1.png) no-repeat; width:109px; height:109px; position:absolute; top:0; right:0; } */
/* #featured .ribbon-3for1{ background:url(/custom/images/omnibility/ribbon-3for1.png) no-repeat; width:109px; height:109px; position:absolute; top:0; right:0; z-index:999; } */

/* Features front page */
#features { _width:580px; width:590px; float:left; }
#features h3 { padding:0; margin: 10px 0 0 0;}
#features .block { position:relative;   _width:270px; width:280px; height:180px;  float:left; margin:0 10px 10px 0; }
#features .block-link { position:absolute; width:100%; bottom:0; }

#login { position: relative; z-index: 2;}
#login-popout { position: absolute; right:0px; top:26px; height: 140px; width: 250px; padding: 20px; background: #E7F1FA; border: none; z-index: 9999; display:none; 
-moz-box-shadow: 0 1px #aaa; -webkit-box-shadow: 0 1px #aaa;
-moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px;}
#featured #intro-theme { z-index: 1;}

.feature { font-family: Helvetica, Arial; }
.feature .title { font-weight: bold; font-size: 12px; margin-bottom: -5px; }
.feature p { color:gray; font-size: 12px; }

#login-popout * { position: static;} /* Fix for IE7 */

#steps { position: relative;}
#steps .steps-steps { background: url(/custom/images/omnibility/steps.png) no-repeat center top;  height: 32px; position: relative;}
/*#steps .steps-steps a { }*/
.steps-1,.steps-2,.steps-3,.steps-4 { position: absolute; height: 40px; top:15px; z-index: 99;}
.steps-1 { left: 150px; width: 200px;}
.steps-2 { left: 360px; width: 205px;}
.steps-3 { left: 578px; width: 149px;}
.steps-4 { left: 740px; width: 190px;}
.steps-popup-1 {  left: 150px; }
.steps-popup-2 {  left: 360px; }
.steps-popup-3 {  left: 578px; }
.steps-popup-4 {  left: 740px; }
.steps-popup { line-height:18px; position: absolute; bottom:60px; width:170px; text-align: left; -moz-opacity: 0; opacity: 0; filter: alpha(opacity = 0);  background: #E7F1FA; border: 1px solid #BECBD3; z-index: 999; padding: 10px 15px; font-size: 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#326693; }


/* ammendable */

/* Comments */

#comments ol.commentlist li.pingback { padding: 10px; }
#comments ol.commentlist li.pingback .user-meta { margin-bottom: 0;}
#comments ol.commentlist li.pingback .user-meta .name,
#comments ol.commentlist li.pingback .user-meta .name a {  font-size: 12px ;}

/* Docs */
.docs-content {clear:both} 
.plus img { cursor: pointer;}

/* Info Clouds */
span.info { font-size: 11px; color:#326693; font-weight:700; cursor:pointer}
span.info *{ font-weight: 100; cursor: auto;}
span.info a{ cursor:pointer}
.info-cloud { color: #326693; line-height:18px; display: block; position: absolute; height: auto; width: 200px; font-size: 12px;background: #E7F1FA; border: 1px solid #BECBD3; z-index: 9999; padding: 10px 15px; text-align: left; left: -170px; top:60px ; -moz-border-radius: 3px; -webkit-border-radius: 3px; float:left }


.ico-no, .ico-yes {z-index:1}
.ico-no {display: block; width: 20px; height: 20px; background: url(/custom/images/omnibility/ico-x.png) center center no-repeat;}
.ico-yes {display: block; width: 20px; height: 20px; background: url(/custom/images/omnibility/ico-check.png) center center no-repeat;}

/* background fix*/
#sidebar ul ul li a:hover {background: transparent none!important;}                                                                                                                                         
#sidebar ul li li:hover {background: transparent none!important;} 

#theme-docs .doc-magic .fix { }
#theme-docs .docs-heading { cursor: pointer; background: #EFEFEF; border-bottom: 1px solid #CCCCCC; padding:0 15px 3px; margin-top:10px;}

/* Support */
/*    
.support .page-tabber {}
.support .page-tabber #support-tab-wordpress {}

    */  
.support #support-platform-wordpress {}
.support .support-block { display: none;}
.support .support-block.active{ display: block;}

#main #theme-docs ul.docs-sub-pages { background:transparent none;  border:0; border-top:1px solid #EBF2F8; padding:0; margin:0; height:30px; margin-bottom:-20px;}
#main #theme-docs ul.docs-sub-pages li {float:right; background:none; text-transform:uppercase; font-size:11px; background:#EBF2F8; padding:5px 10px; margin-left:5px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; font-weight:700}
#main #theme-docs ul.docs-sub-pages li.current_page_item {background:#BFD1E1;}

#main #theme-docs ul.docs-sub-pages li a {color:#333; text-decoration:none;}
#main #theme-docs ul.docs-sub-pages li a:hover {color:#555; text-decoration:underline;}

/* Theme Page */

.purchase-info { background: #f3f3f3; font-size: 11px; text-align: center;}

/* FLAGS */
.hidden { display: none;}

.cl:after { clear:both; height:0; content: "."; display: block; visibility: hidden;}
* html .cl { zoom:1}
*+html .cl { display: inline-block;}


/* Color boxes */

.info-box { background:#fff298; border:1px solid #ecd852; color:#424242;}
.info-box a { color:#846000; text-decoration:none; }
.info-box ul { background-color:#e7db89 !important; border:1px dotted #ada465 !important; }
.info-box .size-thumbnail { background-color:#ffffff; padding: 5px;border:1px dotted #ada465 !important; }
.info-box a:hover { text-decoration:underline; }
.post .info-box { margin:20px 0; padding:10px; line-height:20px; }
.post .small-info-box { margin-bottom: 20px; }
.post .small-info-box p { padding: 0; font-size: 11px; }
#sidebar .info-box { margin:0px 0 15px; padding:10px 10px 15px;}
#sidebar .info-box .yellow, .post .info-box .yellow { color:#836000; font-weight:700; text-transform:uppercase; }
#sidebar .info-box h3, .post .info-box h3 { color:#836000; font-weight:700; }
#sidebar .info-box a , .post .info-box a{ color:#836000; }

.green-box { background:#dbf6be; border:1px solid #9bbf65; color:#5f704c; margin-bottom:15px; font-size:20px; text-align:center;}
.green-box a { color:#4c7c18; text-decoration:none !important; }
.green-box a:hover { text-decoration:underline !important; }
.support .green-box { padding:15px; margin:5px 0;}
.support .green-box img.ico { margin-right:15px; }
#main .support .green-box h3 { padding: 1px; }
.info-box .alert { background:url(/custom/images/omnibility/ico-alert.png) no-repeat left center; padding-left:25px;}
.info-box .info { background:url(/custom/images/omnibility/ico-info.png) no-repeat left center; padding-left:25px;}


/* Quotes box */
#quotes { width:340px; _width:310px; float:right; }
#quotes #box { background:#f7f7f7; border:1px solid #e3e3e3; padding:5px 20px 10px; }
#quotes #box p.quote { padding:0 0 10px; font-size:14px; font-style:italic; line-height:22px;}
#quotes #box img.avatar { float:left; border:1px solid #808080; margin:5px 10px 0px 0; height:50px; width:50px; position:relative;}

#quotes .quote-home { float: left; width: 298px; margin-right: 60px; }  
#quotes .quote-slide { width: 5000px; }  
#quotes .quote-crop { overflow: hidden; width: 298px; position: relative; }  
#quotes .more-quotes-container { float:right;  margin-top:-40px; position:relative; text-align:right}
#quotes .more-quotes { color:#326693; text-decoration: underline; cursor: pointer; }
#quotes .quote-source {text-align:right; float: left;}
 

.quotescollection_randomquote q { }
.quotescollection_randomquote cite { display:block;  text-align:right; }
.quotescollection_author {  font-style:normal; }
.quotescollection_source { }
.quotescollection_nextquote { }
.quotescollection_nextquote a { }

blockquote.quotescollection { border:0; background:none; padding:0; margin:2em; font-size:1em; }
blockquote.quotescollection q { }
blockquote.quotescollection cite { display:inline; font-size:0.83em; }

/* Uncomment the block below if you want to get rid of the quotation marks before and after the quote */
/*
q:before, q:after {
	content:"";
}
*/
.simplePullQuote{ width:200px; float:right; font:large bold italic "Times New Roman", Times, serif; border-top:3px #c00 double; border-bottom:3px #c00 double; background: top left no-repeat url("../images/quote.png"); text-indent:10px; padding:6px;}

/*  D69452 */

/* common form Settings */
form fieldset { border-color: #000; border-width: 1px; border-style: solid; padding: 10px; margin: 0; }
form fieldset legend { font-size: 1.1em; }
fieldset { border: 1px solid #BFBAB0; background-color: #D69452; margin: 0 0 1.5em 0; padding: 0; }
form label { display: inline; float: left; padding: 0; margin: 5px 0 0; text-align: right; }
form select { display: inline; }
form fieldset label:first-letter { text-decoration: underline; }
form input, form textarea, form select { margin: 5px 0 0 10px; }
textarea { overflow: auto; }
form small { display: block; margin: 0 0 5px 160px; padding: 1px 3px; font-size: 88%; }
form .required { font-weight: bold; }
form br { clear: left; }

.inputField { height:30px; }

.contact-you { width:280px; }
.contact-you .title { background: #D69452;  margin-bottom: 0px;  font-size:22px; padding:10px; text-align:center;  }
.contact-you { border: 1px solid #999; background: #D69452; margin-bottom: 0px; }
.contact-you fieldset { border: 0px solid #999; }

/* .contact-you h2 { display: inline; font: bold 1.1em Arial, sans-serif; color: White; } */
.contact-you p { padding: 5px 10px 0px 10px; margin-bottom: 5px;  margin-top: 5px;  margin-left:10px; margin-right:10px; text-align:center;}
.contact-you label { color: #5C4949; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-align: right; float: left;  margin:  0 0 0 0px;  padding: 5px 0 0 5px; width: 95px; height:25px; }
.contact-you input, .contact-you select { padding: 0 0 0 0; margin-top:0; height:20px; width: 140px;float: right; }
.contact-you fieldset {  margin-top:-10px;}
.col-right { float:right; position:absolute; margin-left:840px; }


.InfoRequest { height: 300px; width:200px; }

.EventsList { list-style-type: none; text-align: left; text-indent: -20px; }
.EventTitle { font-size: 12pt; }