/*------------------------------------------------*/
/*-------------------[SHORTCODES]-----------------*/
/*------------------------------------------------*/
/*----- google font ---------------*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block;}
* html .clearfix { height: 1%;}
/*-- Sketch columns Style
------------------------------------------*/
.one_half, .one_third, .two_third, .one_fourth , .three_fourth { float:left; margin-right: 4%; position: relative;margin-bottom: 2%; }
.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width:65.32%; }
.one_fourth { width:22%; }
.three_fourth { width:74%; }
.last { clear: right; margin-right: 0 !important;}
/********button style*************/
a.large-button, a.small-button,a.medium-button { font-family: 'Open Sans',sans-serif;cursor: pointer; border-radius: 5px;box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset, 1px 1px 1px rgba(0, 0, 0, 0.1);display: inline-block;line-height: 26px;text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); box-shadow: 0 3px 0 #111111;transition: all 500ms ease 0s;-moz-transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s;}
a.large-button:hover, a.small-button:hover,a.medium-button:hover { background-color: #6B6B6B !important; box-shadow: 0 3px 0 #999999; color: #FEFEFE !important; text-shadow: none; transition: all 500ms ease 0s;-moz-transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s;}
a.small-button {font-size: 10px;font-weight: bold !important;margin: 0 5px 8px 0;padding: 5px 8px;}
a.medium-button {font-size: 13px;font-weight: bold !important;margin: 0 5px 8px 0;padding: 11px;}
a.large-button {font-size: 20px;font-weight: normal !important;margin: 8px 6px 8px 0;padding: 14px 24px;}
/*********tooltip********/
.tooltip{cursor:pointer;}
.tooltip a{color: #C0CE6F;}
/******quote**********/
.skt-quote{background:url('../../../../../../../wp-content/themes/analytical/SketchBoard/functions/shortcodes/images/quote.png') no-repeat scroll 0 0 #D1CFCF;padding: 8px 5px 8px 30px !important; color: #111111;margin-bottom: 10px; margin-top: 5px;}
.quoteauthor{ display: block;text-align: right; margin: 5px 0;}
.quoteauthor > a {
color: #000000;
padding: 0 5px;
text-decoration: underline;
}
/********dropcaps***********/
.skt-dropcaps.normal{}
.skt-dropcaps.circle{
width: 44px;
border-radius: 100% 100% 100% 100%;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.17);
line-height: 48px;
margin: 0 15px 10px 0;
padding: 10px;
overflow: hidden;
text-align: center;
display: block;
float: left;
}
.skt-dropcaps.square{
width: 44px;
border-radius: 10%;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.17);
line-height: 48px;
margin: 0 15px 10px 0;
padding: 10px;
overflow: hidden;
text-align: center;
display: block;
float: left;
}
/******warning box*******/
.skt-warningbox{background:none no-repeat scroll 0 0px #D1CFCF;border:1px solid #FF796D;}
.boximg{ float: left; height: 39px; margin-right: 8px !important; margin-top: 2px !important; width: 40px;}
.warningimg{background: url("../../../../../../../wp-content/themes/analytical/SketchBoard/functions/shortcodes/images/warningimg.png") no-repeat scroll 0 0 transparent;}
.downloadimg{background: url("../../../../../../../wp-content/themes/analytical/SketchBoard/functions/shortcodes/images/downloadimg.png") no-repeat scroll 0 0 transparent;}
.infoimg{background: url("../../../../../../../wp-content/themes/analytical/SketchBoard/functions/shortcodes/images/infoimg.png") no-repeat scroll 0 0 transparent;}
.normalimg{background: url("../../../../../../../wp-content/themes/analytical/SketchBoard/functions/shortcodes/images/normalimg.png") no-repeat scroll 0 0 transparent;}
.notifyimg{background: url("../../../../../../../wp-content/themes/analytical/SketchBoard/functions/shortcodes/images/notifyimg.png") no-repeat scroll 0 0 transparent;}
.noficationtext{padding:20px 29px 17px 20px;font-size: 13px;text-shadow: 1px 1px 1px #FFFFFF;}
/******warninghide box*******/
.skt-warninghidebox { position: relative;border:1px solid #FF796D; }
.wimg {right: 7px; position: absolute;top: 14px; cursor: pointer;}
/****** downloadbox box*******/
.skt-downloadbox{ background:none no-repeat scroll 0 0 #D1CFCF;border:1px solid #60DB53;}
/****** infobox box*******/
.skt-infobox{ background:none no-repeat scroll 0 0 #D1CFCF;border:1px solid #D3C558;}
/****** normal box*******/
.skt-normalbox{ background:none no-repeat scroll 0 0 #D1CFCF;border:1px solid #C6C6C6;}
/******custom_list*******/
.custom_list.arrow li{ background: url("../../../../../../../wp-content/themes/analytical/SketchBoard/functions/shortcodes/images/accept.png") no-repeat scroll left top transparent; padding: 1px 1px 1px 21px; list-style-type: none;}
.custom_list.cross li{ background: url("../../../../../../../wp-content/themes/analytical/SketchBoard/functions/shortcodes/images/cross.png") no-repeat scroll left top transparent; padding: 1px 1px 1px 21px; list-style-type: none;}
.custom_list.dot li{ background: url("../../../../../../../wp-content/themes/analytical/SketchBoard/functions/shortcodes/images/bullet-grey.png") no-repeat scroll left top transparent; padding: 1px 1px 1px 21px; list-style-type: none;}
.custom_list.book li{ background: url("../../../../../../../wp-content/themes/analytical/SketchBoard/functions/shortcodes/images/book.png") no-repeat scroll left top transparent; padding: 1px 1px 1px 21px; list-style-type: none;}
.custom_list.link li{ background: url("../../../../../../../wp-content/themes/analytical/SketchBoard/functions/shortcodes/images/link.png") no-repeat scroll left top transparent; padding: 1px 1px 1px 21px; list-style-type: none;}
.custom_list.pencil li{ background: url("../../../../../../../wp-content/themes/analytical/SketchBoard/functions/shortcodes/images/pencil.png") no-repeat scroll left top transparent; padding: 1px 1px 1px 21px; list-style-type: none;}
.custom_list.editlist li{ background: url("../../../../../../../wp-content/themes/analytical/SketchBoard/functions/shortcodes/images/edit.png") no-repeat scroll left top transparent; padding: 1px 1px 1px 21px; list-style-type: none;}
.custom_list.arrow-left li{ background: url("../../../../../../../wp-content/themes/analytical/SketchBoard/functions/shortcodes/images/arrow-left.png") no-repeat scroll left top transparent; padding: 1px 1px 1px 21px; list-style-type: none;}
.custom_list.gear li{ background: url("../../../../../../../wp-content/themes/analytical/SketchBoard/functions/shortcodes/images/gear.png") no-repeat scroll left top transparent; padding: 1px 1px 1px 21px; list-style-type: none;}
/*-- Sketch Tab Style
------------------------------------------*/
/*-- Horizintal Tabber
-----------------------*/
.ske_tab_h{overflow:hidden;}
.ske_tab_h ul.ske_tabs { margin: 0 !important; padding: 0;list-style: none;border-bottom:1px solid #DDDDDD;}
.ske_tab_h ul.ske_tabs li { float: left; margin-bottom: -1px; padding: 0;line-height: 31px; margin-bottom: -1px; overflow: hidden; position: relative; }
.ske_tab_h ul.ske_tabs li a { text-decoration: none; cursor: pointer; display: block; line-height: 34px; padding: 0 20px; position: relative; width: auto;outline: none;}
.ske_tab_h ul.ske_tabs li a:hover { }
html .ske_tab_h ul.ske_tabs li.active { background: none repeat scroll 0 0 #000000; border-top-color: #63B1BE;border-bottom: 0 none; color: #686868;border-top: 3px solid #00A6FF; padding-top: 0; position: relative;}
.ske_tab_h ul.ske_tabs li.active a{border:1px solid #ccc;border-top:none; border-bottom:none;}
.ske_tab_h .ske_tab_container { background: none repeat scroll 0 0 #000000;display: block; list-style: none outside none; margin: 0 0 20px; padding: 20px;color: #777777;border:1px solid #ccc; border-top:none; }
.ske_tab_h .ske_tab_content { position:relative;}
/*-- Vertical Tabber
-----------------------*/
.ske_tab_v{overflow:hidden;}
.ske_tab_v ul.ske_tabs { left: 1px;position:relative; margin: 0; padding: 0; float: left; list-style: none;border-right:1px solid #DDDDDD; width: 20%; }
.ske_tab_v ul.ske_tabs li {margin-bottom: -1px; padding: 0;line-height: 31px; margin-right: -1px; overflow: hidden; position: relative; }
.ske_tab_v ul.ske_tabs li a {
text-decoration: none; cursor: pointer; display: block; line-height: 34px; padding: 0 20px; position: relative; width: auto;outline: none;}
.ske_tab_v ul.ske_tabs li a:hover { }
html .ske_tab_v ul.ske_tabs li.active{ background: none repeat scroll 0 0 #000000; border-left-color: #63B1BE;border-bottom: 0 none; color: #686868;border-left: 3px solid #00A6FF; padding-top: 0; position: relative;}
.ske_tab_v ul.ske_tabs li.active a{border:1px solid #ccc;border-left:none; border-right:none;}
.ske_tab_v .ske_tab_container { float: left; width: 65%; background: none repeat scroll 0 0 #000000;display: block; list-style: none outside none; margin: 0 0 20px; padding: 20px;color: #777777;border:1px solid #ccc; overflow:hidden;min-height: 93px;}
.ske_tab_v .ske_tab_content {position:relative;}
/*-- Sketch Toggle Style
------------------------------------------*/
.sketch_container,.sketch_container1{width:400px;border:1px solid #ddd;padding:1px;margin:30px;}
h3.ske_tog_title{ background: url("../../../../../../../wp-content/themes/analytical/SketchBoard/functions/shortcodes/images/menu_close.png") no-repeat scroll 99% center #CACDD2;border-color: #999999; border-style: solid; border-width: 1px; color: #111111 !important; cursor: pointer;padding: 10px 65px 10px 10px;margin: 0 !important;}
h3.ske_tog_title.active{background:url("../../../../../../../wp-content/themes/analytical/SketchBoard/functions/shortcodes/images/menu_open.png") no-repeat scroll 99% center #CACDD2;}
div.ske_tog_content{border-top: 1px solid #E7E7E7;color:#111;padding:10px;line-height:22px; background: none repeat scroll 0 0 #EEEEEE;}
/*-- Sketch Accordian Style
------------------------------------------*/
.sketch_container2{width:486px;}
div.ske_acc_title{background: url("../../../../../../../wp-content/themes/analytical/SketchBoard/functions/shortcodes/images/plus.png") no-repeat scroll 99% center #EDEDED;color: #111111;border-bottom: 1px solid #FFFFFF;cursor: pointer;font-size: 18px;padding: 8px 40px 8px 8px;}
div.ske_acc_title.active{background:url("../../../../../../../wp-content/themes/analytical/SketchBoard/functions/shortcodes/images/minus.png") no-repeat scroll 99% center #CACDD2; }
div.ske_acc_set{ background: none repeat scroll 0 0 #CACDD2;border-bottom: 1px solid #E4E4E4;}
div.ske_acc_content{display:none; background: none repeat scroll 0 0 #FBFBFB; line-height: 20px; padding: 20px; color: #111; text-align:justify; }
iframe { max-width: 100%; overflow: hidden;}
/****** highlighted
---------------------------------------*/
.highlighted{line-height: 20px; padding: 2px;}
/****** horizotal_break
---------------------------------------*/
#content .horizotal_break{ margin: 5px 0;position:relative;}
.horizotal_break #back-to-top{ display: block; padding: 0 0 0 5px; position: absolute; right: 0; top: -17px;}
/****** lightbox
---------------------------------------*/
.lightbox{border: 1px solid #CCCCCC; height: 115px; position: relative; width: 177px;margin: 0 18px 18px 0;float:left;}
.lightbox i.fade {background: url("../../../../../../../wp-content/themes/analytical/SketchBoard/functions/shortcodes/images/zoom-bg.png") no-repeat scroll center center transparent; height: 115px; left: 0px; position: absolute; top: 0px; width: 177px;}
/******share Shortcode***********/
.sketch_sharebar {
margin: 15px 5px;
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 480px) {
.lightbox{ margin: 0 18px 18px 35px; }
.one_half, .one_third, .two_third, .one_fourth , .three_fourth { float:none; width: 99.66%;}
.ske_tab_v ul.ske_tabs li a{ padding: 0 8px;}
}
/*** Notifications ***/
.notification {
display: block;
clear: both;
margin-bottom: 15px;
padding: 10px 10px 10px 10px;
min-height: 20px;
font-family: Arial, Tahoma, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 20px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset;
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset;
-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset;
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset
}
.icon {
position: absolute;
background-image: url(../../../../../../../wp-content/themes/analytical/SketchBoard/functions/shortcodes/images/notification.png);
background-repeat: no-repeat;
height: 15px;
top: 14px
}
.canhide {padding: 10px 10px 10px 40px;}
/* Bold Text */
.notification span {
font-weight: bold;
margin-right: 10px
}
/* Notification Close Button */
.notification .close-notification {
position: absolute;
width: 5px;
height: 6px;
top: 18px;
right: 10px;
cursor: pointer;
background-image: url(../../../../../../../wp-content/themes/analytical/SketchBoard/functions/shortcodes/images/closes.png);
background-repeat: no-repeat
}
/* Success */
.success {
border: 1px solid #accc5d;
color: #70892b;
background-color: #c8e185;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d0e98e), color-stop(100%, #c1da7f));
background-image: -webkit-linear-gradient(#d0e98e, #c1da7f);
background-image: -moz-linear-gradient(#d0e98e, #c1da7f);
background-image: -o-linear-gradient(#d0e98e, #c1da7f);
background-image: linear-gradient(#d0e98e, #c1da7f);
-moz-text-shadow: 0px 1px rgba(255, 255, 255, 0.3);
text-shadow: 0px 1px rgba(255, 255, 255, 0.3)
}
.success .icon {
width: 14px;
left: 16px;
background-position: 0 -15px
}
.success .close-notification {
background-position: 0 -6px
}
/* Fail */
.fail {
border: 1px solid #dc4e4d;
color: #b52525;
background-color: #ec8282;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f48888), color-stop(100%, #e17575));
background-image: -webkit-linear-gradient(#f48888, #e17575);
background-image: -moz-linear-gradient(#f48888, #e17575);
background-image: -o-linear-gradient(#f48888, #e17575);
background-image: linear-gradient(#f48888, #e17575);
-moz-text-shadow: 0px 1px rgba(255, 255, 255, 0.2);
text-shadow: 0px 1px rgba(255, 255, 255, 0.2)
}
.fail .icon {
width: 13px;
left: 16px;
background-position: 0 0
}
.fail .close-notification {
background-position: 0 0
}
/* Information */
.info {
border: 1px solid #69c0ca;
color: #3d8d98;
background-color: #8aced6;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #99e2eb), color-stop(100%, #79c6cd));
background-image: -webkit-linear-gradient(#99e2eb, #79c6cd);
background-image: -moz-linear-gradient(#99e2eb, #79c6cd);
background-image: -o-linear-gradient(#99e2eb, #79c6cd);
background-image: linear-gradient(#99e2eb, #79c6cd);
-moz-text-shadow: 0px 1px rgba(255, 255, 255, 0.2);
text-shadow: 0px 1px rgba(255, 255, 255, 0.2)
}
.info .icon {
width: 6px;
left: 19px;
background-position: 0 -30px
}
.info .close-notification {
background-position: 0 -12px
}
/* Warning */
.warning {
border: 1px solid #f9b516;
color: #c2721b;
background-color: #fbb160;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffd57f), color-stop(100%, #ffa544));
background-image: -webkit-linear-gradient(#ffd57f, #ffa544);
background-image: -moz-linear-gradient(#ffd57f, #ffa544);
background-image: -o-linear-gradient(#ffd57f, #ffa544);
background-image: linear-gradient(#ffd57f, #ffa544);
-moz-text-shadow: 0px 1px rgba(255, 255, 255, 0.2);
text-shadow: 0px 1px rgba(255, 255, 255, 0.2)
}
.warning .icon {
width: 14px;
left: 16px;
top: 13px;
background-position: 0 -45px
}
.warning .close-notification {
background-position: 0 -18px
}
/* Edit */
.edit {
border: 1px solid #e9c95f;
color: #ae8500;
background-color: #f3dc8f;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffeaa7), color-stop(100%, #f3d573));
background-image: -webkit-linear-gradient(#ffeaa7, #f3d573);
background-image: -moz-linear-gradient(#ffeaa7, #f3d573);
background-image: -o-linear-gradient(#ffeaa7, #f3d573);
background-image: linear-gradient(#ffeaa7, #f3d573);
-moz-text-shadow: 0px 1px rgba(255, 255, 255, 0.2);
text-shadow: 0px 1px rgba(255, 255, 255, 0.2)
}
.edit .icon {
width: 13px;
left: 16px;
top: 13px;
background-position: 0 -60px
}
.edit .close-notification {
background-position: 0 -18px
}
/* Lock */
.lock {
border: 1px solid #CCC;
color: #666;
background-color: #e8e8e8;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4f4f4), color-stop(100%, #e0e0e0));
background-image: -webkit-linear-gradient(#f4f4f4, #e0e0e0);
background-image: -moz-linear-gradient(#f4f4f4, #e0e0e0);
background-image: -o-linear-gradient(#f4f4f4, #e0e0e0);
background-image: linear-gradient(#f4f4f4, #e0e0e0);
-moz-text-shadow: 0px 1px rgba(255, 255, 255, 0.2);
text-shadow: 0px 1px rgba(255, 255, 255, 0.2)
}
.lock .icon {
width: 11px;
left: 17px;
top: 13px;
background-position: 0 -75px
}
.lock .close-notification {
background-position: 0 -24px
}
/* Tip */
.tip {
border: 1px solid #e6b96f;
color: #b1802f;
background-color: #f5dcb2;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffedcf), color-stop(100%, #f8d69e));
background-image: -webkit-linear-gradient(#ffedcf, #f8d69e);
background-image: -moz-linear-gradient(#ffedcf, #f8d69e);
background-image: -o-linear-gradient(#ffedcf, #f8d69e);
background-image: linear-gradient(#ffedcf, #f8d69e);
-moz-text-shadow: 0px 1px rgba(255, 255, 255, 0.2);
text-shadow: 0px 1px rgba(255, 255, 255, 0.2)
}
.tip .icon {
width: 9px;
left: 18px;
top: 12px;
background-position: 0 -90px
}
.tip .close-notification {
background-position: 0 -30px
}
/* Download */.download {
border: 1px solid #3178c0;
color: #0c4fa3;
background-color: #6dacea;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8ed0fa), color-stop(100%, #4e95dc));
background-image: -webkit-linear-gradient(#8ed0fa, #4e95dc);
background-image: -moz-linear-gradient(#8ed0fa, #4e95dc);
background-image: -o-linear-gradient(#8ed0fa, #4e95dc);
background-image: linear-gradient(#8ed0fa, #4e95dc);
-moz-text-shadow: 0px 1px rgba(255, 255, 255, 0.2);
text-shadow: 0px 1px rgba(255, 255, 255, 0.2)
}
.download .icon {
width: 10px;
left: 18px;
background-position: 0 -105px
}
.download .close-notification {
background-position: 0 -36px
}
/* Chat */.chat {
border: 1px solid #5d902f;
color: #366f11;
background-color: #89bc5a;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8dcb3d), color-stop(100%, #74a547));
background-image: -webkit-linear-gradient(#8dcb3d, #74a547);
background-image: -moz-linear-gradient(#8dcb3d, #74a547);
background-image: -o-linear-gradient(#8dcb3d, #74a547);
background-image: linear-gradient(#8dcb3d, #74a547);
-moz-text-shadow: 0px 1px rgba(255, 255, 255, 0.2);
text-shadow: 0px 1px rgba(255, 255, 255, 0.2)
}
.chat .icon {
width: 14px;
left: 16px;
background-position: 0 -120px
}
.chat .close-notification {
background-position: 0 -42px
}
/* Task */.task {
border: 1px solid #71502b;
color: #432c12;
background-color: #92724e;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a58868), color-stop(100%, #886640));
background-image: -webkit-linear-gradient(#a58868, #886640);
background-image: -moz-linear-gradient(#a58868, #886640);
background-image: -o-linear-gradient(#a58868, #886640);
background-image: linear-gradient(#a58868, #886640);
-moz-text-shadow: 0px 1px rgba(255, 255, 255, 0.2);
text-shadow: 0px 1px rgba(255, 255, 255, 0.2)
}
.task .icon {
width: 14px;
left: 16px;
top: 13px;
background-position: 0 -135px
}
.task .close-notification {
background-position: 0 -48px
}