/*==============================================================*/
/*                     1.Standard Classes                       */
/*==============================================================*/
.email{display:block;padding:6px 0;background:url(http://saitnews.co.za/wp-content/themes/techmag-free-theme-package/images/i_email.png) no-repeat 1px 50%;padding-left:26px;margin-bottom:0;}
.phone{display:block;padding:6px 0;background:url(http://saitnews.co.za/wp-content/themes/techmag-free-theme-package/images/i_tel.png) no-repeat 4px 50%;padding-left:26px;font-weight:bold;margin-bottom:0;}
.fax{display:block;padding:6px 0;background:url(http://saitnews.co.za/wp-content/themes/techmag-free-theme-package/images/i_fax.png) no-repeat 1px 50%;padding-left:26px;font-weight:bold;margin-bottom:0;}

/* line style */
div.hr-background{background: url(http://saitnews.co.za/wp-content/themes/techmag-free-theme-package/images/bg_title.png) repeat-x 0 0;border:0;height:10px;margin-bottom:20px;}
div.hr-shortline{background:url(http://saitnews.co.za/wp-content/themes/techmag-free-theme-package/images/bg_heading.png) no-repeat 0 0;margin-bottom: 15px;border:0;clear:both;height:1px;}
div.hr-shortline1{background:url(http://saitnews.co.za/wp-content/themes/techmag-free-theme-package/images/bg_heading.png) no-repeat 0 0;margin-bottom: 15px;border:0;clear:both;height:1px;margin-left:45px}
div.hr-shortline2{background:url(http://saitnews.co.za/wp-content/themes/techmag-free-theme-package/images/bg_heading.png) no-repeat 0 0;margin-bottom: 15px;border:0;clear:both;height:1px;margin-left:44px}
div.hr-shortline3{background:url(http://saitnews.co.za/wp-content/themes/techmag-free-theme-package/images/bg_heading.png) no-repeat 0 0;margin-bottom: 15px;border:0;clear:both;height:1px;margin-left:43px}
div.hr-longline{border:0;border-top:1px solid #efefef;}

/* float left, float right */
.floatleft{float:left}
.floatright{float:right}
.ui-accordion.floatleft{margin:0 30px 10px 0;}
.ui-accordion.floatright{margin:0 0 10px 30px;}
.box-style.floatleft{margin:0 25px 25px 0;}
.box-style.floatright{margin:0 0 25px 25px;}
img.floatleft{margin:0 15px 11px 0}
img.floatright{margin:0 0 11px 15px}

/* image */
img.frame{border:1px solid #e8e8e8;background:#fff;padding:4px;}

/* dropcap */
.dropcap{float:left; margin:0 15px 11px 0;text-align:center;font:bold 14px/27px Helvetica, Arial;color:#fff;background:url(http://saitnews.co.za/wp-content/themes/techmag-free-theme-package/images/dropcap.png) no-repeat 0 0;width:27px;height:27px;}

/*==============================================================*/
/*                          2.Shortcode                         */
/*==============================================================*/
/* shortcode - TABS */
.ui-tabs-hide{display:none;}
.ui-tabs .ui-tabs-nav a:hover{text-decoration:none;}

.ui-tabs{margin-bottom:10px;background:url(../images/shortcode/bg_tab_top.png) repeat-x 0 0 #fff;padding-top:3px;overflow:hidden;height:100%;}
.ui-tabs-nav{border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;margin-bottom:0px!important;background:url(../images/shortcode/bg_title_tabs.png) repeat 0 0;overflow:hidden;}
.ui-tabs-nav .ui-state-default{display:block;border-right:1px solid #e9e9e9;float:left;padding:0 10px!important;height:28px;line-height:27px;background:none!important;}
.ui-tabs-nav .ui-state-default.first{padding-left:9px!important;}
.ui-tabs-nav .ui-state-default a{display:block;font-weight:bold;font-size:14px;color:#818181!important}
.ui-tabs-nav .ui-state-default:hover, .ui-tabs-nav .ui-state-active{background:#fff!important;}
.ui-tabs-nav .ui-state-default:hover a, .ui-tabs-nav .ui-state-active a{color:#1e1e1e!important;}
.ui-tabs-nav .last.ui-state-default {border-right:0;}
.ui-tabs-nav .last.ui-state-default:hover,.ui-tabs-nav .last.ui-state-active {border-right:1px solid #e9e9e9}
.ui-tabs-panel{padding:10 9px 9px 9px;border:1px solid #dcdcdc;border-top:0;}

/* shortcode - TABLE */
table{border:1px solid #e9e9e9;border-right:0;width:100%;}
thead tr th{border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;letter-spacing:-1px;color:#313131;font:bold 14px Helvetica,Arial;padding:12px 20px 11px;background:url(../images/shortcode/bg_th.png) repeat-x 0 0;text-align:left}
tbody tr td{border-right:1px solid #e9e9e9;padding:11px 20px 10px;color:#8c8c8c;font:normal 12px Arial;letter-spacing:-0.5px;background:#f9f9f9;}
tbody tr:hover td{background:#f3f3f3;}
tfoot tr td{border-right:1px solid #e9e9e9;border-top:1px solid #e9e9e9;color:#8c8c8c;font:normal 12px Arial;letter-spacing:-0.5px;background:url(../images/shortcode/point_white.png) repeat-x 0 0 #f3f3f3;padding:16px 20px;}

/* shortcode - LISTING */
/* listing page */
.page-item .entry-content ul, .col-main .single-post ul, .widget_text .textwidget ul{margin-bottom:20px;}
.page-item .entry-content ol, .col-main .single-post ol, .widget_text .textwidget ol {margin-bottom:24px;}
.page-item .entry-content ul li, .col-main .single-post ul li, .widget_text .textwidget ul li {background:url(../images/shortcode/dot.png) no-repeat 0 9px;padding:4px 0 4px 13px;}
.page-item .entry-content ul li a, .col-main .single-post ul li a, .widget_text .textwidget ul li a {color:#04a8b4}
.page-item .entry-content ol, .col-main .single-post ol, .widget_text .textwidget ol {margin-left:52px;}
.page-item .entry-content ol  li, .col-main .single-post ol li, .widget_text .textwidget ol li {margin:4px 0;line-height:19px}
.page-item .entry-content ol ol, .col-main .single-post ol ol, .widget_text .textwidget ol ol {margin-left:20px;}
.page-item .entry-content ul ul, .col-main .single-post ul ul, .widget_text .textwidget ul ul {margin-left:20px;}
.page-item .entry-content ol ol ol, .col-main .single-post ol ol ol, .widget_text .textwidget ol ol ol {margin-left:15px;}


/* shortcode - BUTTON */
/* button page */
.button-style{clear:both;overflow:hidden;height:100%;border-bottom:1px solid #efefef;padding-bottom:10px;margin-bottom:18px;}
.button-parameters{padding-bottom:35px}
.button-parameters ul li{color:#313131;font-family:Helvetica, Arial;font-weight:bold;letter-spacing:0}
.button-parameters ul li span{color:#8c8c8c;}
.button-list a.button{float:left;margin-bottom:10px}
.button-size a.button{margin-right:20px;}
.button-colors a.button, .button-shadow a.button{margin-right:10px;}
.button-size .heading3{margin-bottom:27px;}
.button-size .btn-m{margin-top:5px}
.button-over{border-bottom:0;margin-bottom:0;}
/**/
.btn-m{height:30px;margin-right:10px!important;}
.btn-m span{height:30px;color:#fff;text-transform:uppercase;}
button.button.btn-m span span, a.button.btn-m span span{line-height:30px;padding:0 15px 0 11px;font-family:Helvetica-CondensedBoldRg;font-size:12px;font-weight:normal}
.btn-l{height:35px;margin-right:10px!important;}
.btn-l span{height:35px;text-transform:capitalize}
button.button.btn-l span span, a.button.btn-l span span{line-height:35px;padding:0 15px 0 11px;font-size:14px;}
a.button:hover {text-decoration:none;}

.btn-m.btn-white span {color:#818181}

.btn-l.btn-white span span{color:#828282;text-shadow:0 1px 0 #fff;}
.btn-l.btn-black span span{color:#fff;text-shadow:0 1px 0 #000;}
.btn-l.btn-blue span span{color:#fff;text-shadow:0 1px 0 #07848e;}
.btn-l.btn-yellow span span{color:#fff;text-shadow:0 1px 0 #d8a266;}
.btn-l.btn-orange span span{color:#fff;text-shadow:0 1px 0 #d5530d;}

.btn-m.btn-white span{background-image:url(../images/shortcode/btn_medium_white.png);}
.btn-l.btn-white span{background-image:url(../images/shortcode/btn_large_white.png);}

.btn-m.btn-black span{background-image:url(../images/shortcode/btn_medium_black.png);}
.btn-l.btn-black span{background-image:url(../images/shortcode/btn_large_black.png);}

.btn-m.btn-blue span{background-image:url(../images/shortcode/btn_medium_blue.png);}
.btn-l.btn-blue span{background-image:url(../images/shortcode/btn_large_blue.png);}

.btn-m.btn-yellow span{background-image:url(../images/shortcode/btn_medium_yellow.png);}
.btn-l.btn-yellow span{background-image:url(../images/shortcode/btn_large_yellow.png);}

.btn-m.btn-orange span{background-image:url(../images/shortcode/btn_medium_orange.png);}
.btn-l.btn-orange span{background-image:url(../images/shortcode/btn_large_orange.png);}

.btn-magenta.btn-shadow span span{text-shadow:0 1px 1px #850942;}
.btn-white.btn-shadow span span{color:#aa0553;text-shadow:0 1px 1px #c885a5;}
/* when hover button */
.btn-m.btn-over:hover span{background-image:url(http://saitnews.co.za/wp-content/themes/techmag-free-theme-package/images/btn_medium_green.png);}
.btn-m.btn-over:hover span span{color:#fff;text-shadow:0 1px 0 #596e01;}

.btn-m.btn-over-white:hover span{background-image:url(../images/shortcode/btn_medium_white.png);}
.btn-l.btn-over-white:hover span{background-image:url(../images/shortcode/btn_large_white.png);}
.btn-over-white:hover span span{color:#828282;text-shadow:0 1px 0 #fff;}

.btn-m.btn-over-black:hover span{background-image:url(../images/shortcode/btn_medium_black.png);}
.btn-l.btn-over-black:hover span{background-image:url(../images/shortcode/btn_large_black.png);}
.btn-over-black:hover span span{color:#fff;text-shadow:0 1px 0 #000;}

.btn-m.btn-over-blue:hover span{background-image:url(../images/shortcode/btn_medium_blue.png);}
.btn-l.btn-over-blue:hover span{background-image:url(../images/shortcode/btn_large_blue.png);}
.btn-over-blue:hover span span{color:#fff;text-shadow:0 1px 0 #ab500f;}

.btn-m.btn-over-yellow:hover span{background-image:url(../images/shortcode/btn_medium_yellow.png);}
.btn-l.btn-over-yellow:hover span{background-image:url(../images/shortcode/btn_large_yellow.png);}
.btn-over-yellow:hover span span{color:#fff;text-shadow:0 1px 0 #014884;}

.btn-m.btn-over-orange:hover span{background-image:url(../images/shortcode/btn_medium_orange.png);}
.btn-l.btn-over-orange:hover span{background-image:url(../images/shortcode/btn_large_orange.png);}
.btn-over-orange:hover span span{color:#fff;text-shadow:0 1px 0 #596e01;}

/* shortcode - QUOTE */
.quote-style .quote{border:1px solid #efefef;border-left:2px solid #a4a4a4;background:#f5f5f5;padding:10px 15px 10px 13px;font-style:italic;overflow:hidden;height:100%;} 
.quote-style1 .quote{float:right;margin:0 0 25px 25px;width:192px;}
.quote-style2, .quote-style3{padding:10px 0 18px 0;}
.quote-style2 .quote{width:auto;}

.quote-style3{width:100%}
.quote-style3 .quote-topleft{background:url(../images/shortcode/bg_quote3_topleft.png) no-repeat 11px 0;padding-left:15px;height:4px}
.quote-style3 .quote-topright{background:url(../images/shortcode/bg_quote3_topright.png) no-repeat 100% 0;height:4px}
.quote-style3 .quote-bottomleft{background:url(../images/shortcode/bg_quote3_bottomleft.png) no-repeat 11px 0;padding-left:15px;height:4px;}
.quote-style3 .quote-bottomright{background:url(../images/shortcode/bg_quote3_bottomright.png) no-repeat 100% 0;height:4px}
.quote-style3 .quote-content{background:url(../images/shortcode/bg_quote3_content.png) no-repeat 1px 0;padding-left:12px;overflow:hidden;border-right:1px solid #d4d4d4;height:100%;}
.quote-style3 .quote{border:0;padding:12px 21px 17px 21px;width:auto;background:#f5f5f5;overflow:hidden;height:100%;}
.quote-style3 .quote .heading5{background:url(../images/shortcode/i_quote3.png) no-repeat 0 0;padding:2px 0 9px 29px;}

/* shortcode - STYLEBOX */
.box-style {margin-bottom:14px}
.box-style .mess {padding:17px 10px;}
.box-style.red {background-color:#fff3f3;border-left:4px solid #d54c5c;color:#e68181}
.box-style.red .mess {border:1px solid #fdeaee;border-left:none;}
.box-style.yellow {background-color:#fff4ee;border-left:4px solid #e6944c;color:#efbd7f}
.box-style.yellow .mess {border:1px solid #faf1e7;border-left:none;}
.box-style.green {background-color:#f7fff4;border-left:4px solid #8fae70;color:#afc599}
.box-style.green .mess {;border:1px solid #f2f6e9;border-left:none;}
.box-style.gray {background-color:#fafafa;border-left:4px solid #dcdcdc;color:#818181}
.box-style.gray .mess {border:1px solid #f0f0f0;border-left:none}
.box-style.black {background-color:#464646;border-left:4px solid #1e1e1e;color:#b5b5b5}
.box-style.custom {background-color:#fafafa;border-left:4px solid;color:#818181}
.box-style.custom .mess {padding:9px 19px 9px 9px;font-style:italic;border:1px solid #f0f0f0;border-left:none;}

/* shortcode - TOGGLES */
.toggles-no-frame{border-bottom:1px solid #efefef;}
.toggles-no-frame .toggle_control{display:block;width:100%;height:39px;background:url(../images/shortcode/toggles_no_frame.png) no-repeat 0 50%;padding-left:22px;}
.toggles-no-frame .toggle_control:hover{text-decoration:none;}
.toggles-no-frame .toggle_control span{display:block;width:auto;height:39px;}
.toggles-no-frame .toggle_control span span{font:bold 14px/39px Helvetica, Arial;letter-spacing:-0.4px;color:#313131;}
.toggles-no-frame.show .toggle_control{background-image:url(../images/shortcode/toggles_no_frame_show.png)}
.toggles-no-frame .toggle_content{padding:3px 0 19px;letter-spacing:-0.2px;}

.toggles-with-frame  {margin-bottom:1px;}
.toggles-with-frame .toggle_head {border:1px solid #dcdcdc}
.toggles-with-frame .toggle_control{display:block;width:100%;height:29px;}
.toggles-with-frame .toggle_control:hover{text-decoration:none;}
.toggles-with-frame .toggle_control span{display:block;width:auto;height:29px;line-height:29px!important; background:url(../images/shortcode/toggles_with_frame.png) no-repeat 0 0;padding:0 0 0 5px;}
.toggles-with-frame .toggle_control span span{font:bold 14px/40px Helvetica, Arial;letter-spacing:-0.4px;color:#313131;background-position:100% 100%;padding:0 63px 0 10px}
.toggles-with-frame.show .toggle_control span{background-image:url(../images/shortcode/toggles_with_frame_show.png)}
.toggles-with-frame .toggle_content{padding:10px;letter-spacing:-0.2px;border:1px solid #dcdcdc;border-top:0px; }

/* shortcode - GOOGLEMAP */
.googlemap-style{overflow:hidden;border:1px solid #e8e8e8;background:#fff;margin-bottom:20px;width:auto;height:348px;}
.googlemap-style .mapp-container{display:inline-block;margin:4px!important;overflow:hidden;text-align:center;height:340px!important;}

/* shortcode - ACCORDION */
.ui-accordion h3{display:block;background:url(../images/shortcode/toggles_with_frame.png) repeat-x 0 0;border:1px solid #e9e9e9;height:29px;line-height:29px;margin-bottom:1px;padding:0 0 0 10px!important;text-shadow:none;font:bold 14px Helvetica, Arial;letter-spacing:-0.4px;text-transform:none;color:#313131;}
.ui-accordion h3.ui-state-active {background:url(../images/shortcode/toggles_with_frame_show.png)}
.ui-accordion h3 a{display:block;background:url(../images/shortcode/toggles_with_frame.png) repeat-x 100% 100%;color:#818181;height:29px;line-height:29px}
.ui-accordion h3 a:hover {text-decoration:none;}
.ui-accordion h3.ui-state-active a {background:url(../images/shortcode/toggles_with_frame_show.png) 100% 100%;color:#1e1e1e}
.ui-accordion div{border:1px solid #e9e9e9;border-top:0;margin:-1px 0 1px;padding:8px 14px 10px 10px;letter-spacing:-0.2px;height:100%;overflow:hidden;}

/* shortcode - CONTACT FORM */
.wpcf7 p{margin:0;}
.wpcf7 span{display:block;}
.wpcf7 .label{font-weight:bold;display:block;padding-bottom:10px;line-height:12px;margin-left:10px;}
.wpcf7 .label em{color:#e43030;}

.wpcf7 .your-name,
.wpcf7 .your-email{width:457px;/*height:31px;*/background:url(../images/contact-name.png) no-repeat 0 0;padding:0 10px;}
.wpcf7 .your-name .wpcf7-text,
.wpcf7 .your-email .wpcf7-text{padding:8px 0;width:457px;border:0;background:0;*padding:8px 0 8px 0;padding:8px 0 8px 0\0/IE8+9;margin-bottom:10px;}

.wpcf7 .your-message{width:600px;background:url(../images/contact-mess.png) no-repeat 0 0;padding:8px 10px;margin-bottom:10px;}
.wpcf7 .your-message .wpcf7-textarea{padding:0;background:0;border:0;resize:none;width:600px;height:197px;}

.wpcf7 button.button{height:30px;}
.wpcf7 button.button span{height:30px;line-height:32px;background-image:url(../images/shortcode/btn_medium_blue.png);}
.wpcf7 button.button span span{font-family:Helvetica;color:#fff;font-size:11px;font-weight:bold;text-transform:uppercase;padding:0 15px 0 11px;letter-spacing:-0.2px}
/*@-moz-document url-prefix()
{
.wpcf7 button.button span{line-height:30px;}
}*/
.wpcf7 span.wpcf7-not-valid-tip-no-ajax{margin:-5px 0 10px 0}
.wpcf7 span.wpcf7-not-valid-tip{left:19%;top:11%;}

/* shortcode - LIGHTBOX */
.lightbox-parameters,
.lightbox-text,
.lightbox-image-button,
.lightbox-iframe{border-bottom:1px solid #efefef;margin-bottom:18px;}

.lightbox-parameters{padding-bottom:35px;}
.lightbox-parameters ul li{color:#313131;font-family:Helvetica, Arial;font-weight:bold;letter-spacing:0}
.lightbox-parameters ul li span{color:#8c8c8c;}

.lb_control{display:inline-block;margin-bottom:15px;}
.btn_lightbox{display:inline-block;overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent;height:40px;}
.btn_lightbox:hover{text-decoration:none;}
.btn_lightbox span{display:block;text-align:center; white-space:nowrap; padding:0 0 0 4px;width:auto;background-position:0 0;background-repeat:no-repeat;height:40px;background-image:url(http://saitnews.co.za/wp-content/themes/techmag-free-theme-package/images/btn_medium_blue.png);}
.btn_lightbox span span{font-weight:bold;letter-spacing:0;font-family:Helvetica, Arial;background-position:100% 100%;line-height:40px;padding:0 20px 0 16px;font-size:14px;letter-spacing:-0.4px;color:#fff;text-shadow:0 1px 0 #596e01;}
.lightbox-image-button .lb_control{margin-bottom:15px;}

.lightbox-iframe .heading3, .lightbox-video .heading3{margin-bottom:14px}

/* shortcode - CODE */
.border-code{border-left:4px solid #dcdcdc;background:#fafafa;border-left:4px solid #dcdcdc;overflow:auto;margin-bottom:17px;}
.border-code .background-code {border:1px solid #f0f0f0;padding:10px 10px 5px 9px;font-family:Courier;font-size:12px;}
code {display:block;border:1px solid #f0f0f0;border-left:4px solid #dcdcdc;background:#fafafa;overflow:auto;margin-bottom:12px;padding:10px 10px 10px 9px;font-family:Courier;font-size:12px;}

/* shortcode - COLUMNS */
.one_half,
.one_third, .two_third,
.one_fourth, .three_fourth,
.one_fifth, .two_fifth, .three_fifth, .four_fifth,
.one_sixth, .five_sixth{float:left;margin-right:20px;margin-bottom:15px}
.one_half {width: 300px;}
.one_third {width: 193px;}
.two_third {width: 406px;}
.one_fourth {width: 140px;}
.three_fourth {width: 460px;}
.one_fifth {width: 108px;}
.two_fifth {width: 236px;}
.three_fifth {width: 364px;}
.four_fifth {width: 492px;}
.one_sixth {width: 86px;}
.five_sixth {width: 510px;}
.one_half.last, 
.one_third.last, .two_third.last, 
.one_fourth.last, .three_fourth.last, 
.one_fifth.last, .two_fifth.last, .three_fifth.last, .four_fifth.last, 
.one_sixth.last, .five_sixth.last{margin-right:0!important;}
.layout-full .one_half {width: 460px;}
.layout-full .one_third {width: 300px;}
.layout-full .two_third {width: 620px;}
.layout-full .one_fourth {width: 220px;}
.layout-full .three_fourth {width: 700px;}
.layout-full .one_fifth {width: 172px;}
.layout-full .two_fifth {width: 364px;}
.layout-full .three_fifth {width: 556px;}
.layout-full .four_fifth {width: 748px;}
.layout-full .one_sixth {width: 140px;}
.layout-full .five_sixth {width: 780px;}

/*Level 2*/
.one_half .one_half{width:145px;}
.layout-full .one_half .one_half{width:225px;}

/* shortcode - ADD LINE */
.add-line{margin-bottom:20px;clear:both;}

/*==============================================================*/
/*                          3.Light box                         */
/*==============================================================*/
#fancybox-outer{background:none;padding-right:10px}
#fancybox-content{border-color:#fff;border-width:15px!important;}
#fancybox-close{top:auto!important;right:15px!important;background:url(../images/shortcode/i_close1.png) no-repeat 100% 0!important;padding-right:21px;height:11px!important;line-height:11px;
margin:0;bottom:25px;font-weight:bold;letter-spacing:-0.5px;text-transform:uppercase;color:#323232;width:60px!important;}
#fancybox-title{font-family:Arial;margin:0!important;background-color:#fff;
padding:0 0 0 15px;}
#fancybox-title .title_lightbox{font-size:12px;font-weight:bold;color:#323232;line-height:14px;display:block;padding:0 0 7px 0;
padding:13px 0 7px 0;}
#fancybox-title-over{font-size:10px;color:#6e6e6e;padding:0;letter-spacing:-0.5px;background:0!important;
padding:0 0 3px 0!important;}

.fancybox-title-over.video{position:static;}
#fancybox-title.video{padding:0 15px 15px 15px;margin:-15px 0 0 0!important;}

/*==============================================================*/
/*                          4.Sortable                          */
/*==============================================================*/
.ui-sortable .ui-state-highlight{height:100px;border:1px solid #efefef;background:#f2f2f2;}