/**
 * Name: master_onecol.css
 * Created On: 2014-05-06
 * Description: styles for single column webpages
 */

/* ==========================================================================
   Style Overwrite
   ========================================================================== */

/* Overwrite typography rules in master.css */

#main { font: 14px/24px Arial, sans-serif; color: #444;}

/* Remove vertical split shadow of container */
#main { background-image: none; }

/* 
   Section
   ========================================================================== */
.main-header{}
.main-content{}
.section { margin: 45px 100px; }


/* 
   Main Top: logo, button, menu
   ========================================================================== */

.main-top { padding: 15px 100px 0 100px; border-bottom: 1px solid #e7e7e7; }


/* 
   Main Head: banner, title
   ========================================================================== */


/* ==========================================================================
   Typography
   ========================================================================== */



p { margin: 0 0 15px 0; font-size:14px; }

/* 
   Headings
   ========================================================================== */

h1, h2, h3, h4 { color: #333; margin: 0; padding: 0; }

h1 { font-size: 33px; line-height: 36px; font-weight: normal; }
h2 { font-size: 26px; line-height: 30px; font-weight: normal; }
h3 { font-size: 20px; line-height: 26px; font-weight: bold; }
h4 { font-size: 16px; line-height: 24px; font-weight: bold; }

/* 
   Emphasis & Misc
   ========================================================================== */

.small { font-size: 11px; }

/* Alignment */
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }

/* 
   Font Colors
   ========================================================================== */

.fntGray { color: #999; }
.fntOrange { color: #fe8e14; }
.fntBlue{color:#0083CF;}

/* 
   Font Sizes
   ========================================================================== */

.fnt16 { font-size: 16px; line-height: 24px; }
.fnt30{font-size: 30px; line-height: 36px; font-weight: normal; }

/* 
   List
   ========================================================================== */

ol.list { margin: 10px 0 15px 15px; padding: 0 0 0 15px; }
ol.list li { margin: 0 0 5px 0; padding: 0; list-style-type: decimal;}
ul.list { margin: 10px 0 15px 15px; padding: 0; }
ul.list li, ul.list-square li { margin: 5px 0 5px; padding: 0 0 0 15px; list-style-type: none; background: no-repeat left 9px; background-image: url(../images/icn-bullet-square-4x4.png); }
ul.list li li, ul.list-circle li { background-image: url(../images/icn-bullet-circle-5x5.png); }
ul.list li li li, ul.list-round li { background-image: url(../images/icn-bullet-round-5x5.png); }

/* 
   Link
   ========================================================================== */

.section a, a.blueAnchor { text-decoration: none; color: #0083CF; }
.section a:hover, a.blueAnchor:hover { border-bottom: 1px dashed #ccc; }


/* 
   Code
   ========================================================================== */

.syntaxhighlighter { font-family: consolas, monospace; background-color: #F7F7F7; border: 1px solid #efefef; padding: 5px 0; margin-bottom: 15px!important; }


/* ==========================================================================
   Layout
   ========================================================================== */

/* One Column */
#main_contain.one-col, /*hide bg split shadow*/
.one-col { background: #fff; }

/* 
   Section
   ========================================================================== */

#main_contain .section-wide { margin-left: 0; margin-right: 0; }

.bgGray { background-color: #f7f7f7; }

/* One Column */
.one-col .section { margin: 45px 100px; }


/* 
   Position
   ========================================================================== */

/* Margin */
.mt15 { margin-top: 15px; }
.mt30 { margin-top: 30px; }
.mt45 { margin-top: 45px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb30 { margin-bottom: 30px; }
.ml15 { margin-left: 15px; }

/* Padding */
.pt5 { padding-top: 5px; }
.pt15 { padding-top: 15px; }
.pt30 { padding-top: 30px; }
.pb30 { padding-bottom: 30px; }

/* Floating */
.fl { float: left; }
.fr { float: right; }

/* Clearfix */
.cl:before, .cl:after { content: " "; display: table; } /*fix opera bug, fix when before, after used*/
.cl:after { clear: both; }
.cl { *zoom: 1; } /*for IE 6/7 only*/

/* 
   Animation
   ========================================================================== */

.transition-all {
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
}



/* ==========================================================================
   Buttons
   ========================================================================== */

/* 
   Primary Button Style, Width 124px, Height 30px
   ========================================================================== */

a.btn { width: 124px; height: 30px; background-position: left top; background-repeat: no-repeat; display: block; cursor: pointer; }
a.btn:link, .btn:visited { background-position: left top; }
a.btn:hover { background-position: left -30px; border: none; }
a.btn:active { background-position: left -60px; }

.btn-next { background-image: url(../images/btn-next-124x90.png); }
.btn-pricing { background-image: url(../images/btn-pricing-124x90.png); }
.btn-download { background-image: url(../images/btn-download-124x90.png); }
.btn-contact-sales { background-image: url(../images/btn-contact-sales-124x90.png); }

.toggle { width: 26px; height: 26px; background-image: url(../images/icn-toggle-circle-52x52.png); background-repeat: no-repeat; display: block; cursor: pointer; }
.toggle-open { background-position: left top; }
.toggle-close { background-position: left -26px; }
.toggle-open:hover { background-position: -26px top; }
.toggle-close:hover { background-position: -26px -26px; }

/* 
   Big Buttons, Width 176px, Height 44px;
   ========================================================================== */
a.btn-big { width: 176px; height: 44px; background-position: left top; background-repeat: no-repeat; display: block; cursor: pointer; }
a.btn-big:link, .btn:visited { background-position: left top; }
a.btn-big:hover { background-position: left -44px; border: none; }
a.btn-big:active { background-position: left -88px; }

.btn-big-attend { background-image: url(../images/btn-attend-176x132.png); }
.btn-big-submit { background-image: url(../images/btn-submit-176x132.png); }

/* 
   Misc Size Buttons
   ========================================================================== */

.btn-online-demo-156 { width: 156px; height: 38px; background: url(../images/btn-online-demo-156x114.png) no-repeat left top; display: block; cursor: pointer; }
a.btn-online-demo-156:link, .btn-online-demo-156:visited { background-position: left top; }
a.btn-online-demo-156:hover { background-position: left -38px; border: none; }
a.btn-online-demo-156:active { background-position: left -76px; }
.btn-download-156 { width: 156px; height: 38px; background: url(../images/btn-download-156x114.png) no-repeat left top; display: block; cursor: pointer; }
a.btn-download-156:link, .btn-online-demo-156:visited { background-position: left top; }
a.btn-download-156:hover { background-position: left -38px; border: none; }
a.btn-download-156:active { background-position: left -76px; }


.btn-purchase-156 { width: 156px; height: 38px; background: url(../images/btn-purchase-156x114.png) no-repeat left top; display: block; cursor: pointer; }
a.btn-purchase-156:link, .btn-online-demo-156:visited { background-position: left top; }
a.btn-purchase-156:hover { background-position: left -38px; border: none; }
a.btn-purchase-156:active { background-position: left -76px; }

.btn-buynow-156 { width: 156px; height: 38px; background: url(../images/btn-buynow-156x114.png) no-repeat left top; display: block; cursor: pointer; }
a.btn-buynow-156:link, .btn-online-demo-156:visited { background-position: left top; }
a.btn-buynow-156:hover { background-position: left -38px; border: none; }
a.btn-buynow-156:active { background-position: left -76px; }


/* ==========================================================================
   Icons
   ========================================================================== */

/* 
   Number
   ========================================================================== */

.circle-num { width: 26px; height: 26px; background-repeat: no-repeat; display: block; background-image: url(../images/icn-circle-nums-286x78.png); }
/* Normal #333 */
.circle-num-checked { background-position: 0 top; }
.circle-num-one { background-position: -26px top; }
.circle-num-two { background-position: -52px top; }
.circle-num-three { background-position: -78px top; }
.circle-num-four { background-position: -104px top; }
/* Active #fe8e14 */
.circle-num-checked.active { background-position: 0 -26px; }
.circle-num-one.active { background-position: -26px -26px; }
.circle-num-two.active { background-position: -52px -26px; }
.circle-num-three.active { background-position: -78px -26px; }
.circle-num-four.active { background-position: -104px -26px; }
/* Disabled #999 */
.circle-num-checked.disabled { background-position: 0 -52px; }
.circle-num-one.disabled { background-position: -26px -52px; }
.circle-num-two.disabled { background-position: -52px -52px; }
.circle-num-three.disabled { background-position: -78px -52px; }
.circle-num-four.disabled { background-position: -104px -52px; }

/* 
   Browser, OS & Device
   ========================================================================== */

/* browser os color*/
.browser-os { width: 21px; height: 21px; background-repeat: no-repeat; display: inline-block; background-image: url(../images/icn-browser-os-147x21.png); *display: inline; *zoom: 1; }
.browser-chrome { background-position: 0 top; }
.browser-ie { background-position: -21px top; }
.browser-firefox { background-position: -42px top; }
.browser-safari { background-position: -63px top; }
.browser-opera { background-position: -84px top; }
.os-win { background-position: -105px top; }
.os-mac { background-position: -126px top; }

/* Image Capture Device */
.imaging { width: 40px; height: 40px; background-repeat: no-repeat; display: inline-block; background-image: url(../images/icn-imaging-160x40.png); *display: inline; *zoom: 1; }
.imaging-webcam { background-position: 0 top; }
.imaging-scanner { background-position: -40px top; }
.imaging-built-in-cam { background-position: -80px top; }
.imaging-digicam { background-position: -120px top; }


/* ==========================================================================
   Utilities
   ========================================================================== */

/* 
   Splits
   ========================================================================== */

/* thin grey split line */
.gray-split-line { height: 0; font-size: 0; border: none; border-bottom: 1px solid #efefef; }