/**=====================================================================*\
|| Designed By Sefaresh.Net                                             ||
\*=====================================================================**/  

/* headings */
 
p.khHeadline { margin: 5px 0 0 !important; text-align: center; font: normal 2em/1.9 "Lucida Grande", Tahoma; color: #222; }
p.khSubHeadline { margin: 0 0 24px!important; letter-spacing: 0.3em; text-align: center; text-transform: uppercase; font: lighter 0.75em/1em "Lucida Grande", Tahoma; color: #666; }
p.khSmallHeadline { margin: 1em 0 !important; letter-spacing: 2px; text-transform: uppercase; font-size: 10px; font-weight: bold; color: #bbb }
p.khLargeHeadline { margin: 0 !important; padding: 0px 0px 6px 0px; letter-spacing: -2px; font: normal 44px/38px Arial, Helvetica, sans-serif; color: #444; }
/*icons*/

.khAudio, .khCreditcard, .khFeed, .khHelp, .khWebcam, .khImages, .khLock, .khPrinter, .khReport, .khScript, .khTime, .khUser, .khWorld, .khCart, .khCd, .khChartBar, .khChartLine, .khChartPie, .khClock, .khCog, .khCoins, .khCompress, .khComputer, .khCross, .khDisk, .khError, .khEmail, .khExclamation, .khFilm, .khFolder, .khGroup, .khHeart, .khHouse, .khImage, .khInformation, .khMagnifier, .khMoney, .khNew, .khNote, .khPage, .khPage_white, .khPlugin, .khAccept, .khAdd, .khCamer, .khBrick, .khBox, .khCalendar, .khCamera { padding:0 0 2px 30px!important }
/*blocks*/ 

p.khInfo1, p.khTips1, p.khWarning1, p.khInfo2, p.khTips2, p.khWarning2, p.khInfo3, p.khTips3, p.khWarning3, p.khInfo4, p.khTips4, p.khWarning4 { padding: 8px 16px 8px 56px; min-height: 20px; line-height: 20px; }
p.khInfo2, p.khTips2, p.khWarning2, p.khInfo4, p.khTips4, p.khWarning4 { padding-left: 66px; min-height: 32px }
/* border radius */
p.khInfo2, p.khTips2, p.khWarning2 { border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; }
/*highlight*/

.khHighlight1, .khHighlight2, .khHighlight3, .khHighlight4 { padding:1px 5px; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; text-shadow: none; cursor: default }
.khHighlight1:hover { background:#fff; }
.khHighlight2:hover { background:#333; color: #fff }
.khHighlight3:hover { background:#fff; color: #000 }
.khHighlight4:hover { background: #fff; color: #000 }
/*code */

pre, .khCode1, .khCode2, .khCode3 { margin:10px 0 15px!important; padding:10px 15px!important; font: normal 0.92em/18px 'Curier New', monospace!important; }
pre, .khCode1, .khCode2 { opacity: 1; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.khCode3 { padding-left: 82px !important; }
.khCode3 h4 { width:35px; position:relative; top: 0; margin: 0 0 0 -64px!important; padding: 2px 5px 0; font-size: 12px; font-weight:normal }
pre:hover, .khCode1:hover { background: #fff; }
div.khCode2:hover, div.khCode3:hover { color: #000; }
/* lists */

ol { margin: 2em 0; padding: 0; list-style-position:inside }
ol.khDec { list-style-type:decimal; }
ol.khRoman { list-style-type:upper-roman; }
ol.khAlpha { list-style-type:lower-alpha; }
ol.khDecimalLeadingZero { list-style-type:decimal-leading-zero; }
/* unordered lists */

ul.khBullet1, ul.khBullet2, ul.khBullet3, ul.khBullet4, ul.khCircle1, ul.khCircle2, ul.khSquare1, ul.khSquare2, ul.khSquare3 { margin: 2em 0; padding: 0; }
ul li { list-style-position:outside }
ul.khBullet1 li, ul.khBullet2 li, ul.khBullet3 li, ul.khBullet4 li, ul.khCircle1 li, ul.khCircle2 li, ul.khSquare1 li, ul.khSquare2 li { margin: 0!important; padding: 2px 20px 2px 0; line-height: 1.8em!important; list-style-position:inside; overflow:inherit; }
/* Definition lists */
dl.khDef1 dt, dl.khDef2 dt, dl.khDef3 dt { margin:10px 0 5px 0 }
dl.khDef1 dd, dl.khDef2 dd, dl.khDef3 dd { padding:10px; }
dl.khDef2 dt { text-decoration:underline }
dl.khDef3 dt { margin-top: 10px; letter-spacing: 0.3em; text-transform: uppercase; font: lighter 1.1em/1.2em "Lucida Grande", Tahoma; font-variant: normal; color: #666666; }
/* acronyms and abbrs */
acronym, abbr { border-bottom-width:1px; border-bottom-style:dotted; }
acronym:hover, abbr:hover { border-bottom-style:solid; cursor:pointer }
/* Legends */

div.khLegend1 h4, div.khLegend2 h4, div.khLegend3 h4, div.khLegend4 h4 { float:right; position:relative; top: -18px; right:11px; margin:0 0 -9px!important; padding: 0 10px; font-size: 11px; text-transform: uppercase; line-height: 22px; font-weight:normal; background: #fff; text-shadow: none; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px }
div.khLegend1, div.khLegend2, div.khLegend3, div.khLegend4 { margin: 25px 0; padding: 6px; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px }
div.khLegend1 p, div.khLegend2 p, div.khLegend3 p, div.khLegend4 p { margin:7px; clear:both; }
/* Dropcaps */

span.khDropcap1, span.khDropcap2, span.khDropcap3 { display:block; float:left; line-height:1.0em; font-size: 5.0em; color: #333; }
span.khDropcap1 { height:61px; margin:-4px 5px -3px 0 }
p.khDropcap2 { padding:0 0 0 50px }
span.khDropcap2 { height:61px; margin:-4px 0 0 -50px }
p.khDropcap2 { padding-left: 50px; }
p.khDropcap3 { margin-top:32px }
span.khDropcap3 { height:61px; margin:-32px 5px 0 0 }
/* Blockquotes */

blockquote { margin:20px 0; font-style:italic; }
blockquote div { display:block; }
blockquote div.khBlockquote1 div, blockquote div.khBlockquote2 div { padding:0 24px; }
blockquote div.khBlockquote3 { padding-bottom:5px }
blockquote div.khBlockquote3 div { padding:5px 27px 0 27px }
blockquote div.khBlockquote4 div { padding: 0 27px }
/* Floated blocks */

.khBlockTextLeft, .khBlockTextRight, .khBlockTextCenter { display: block; font-size: 15px; font-style: italic; line-height: 150%; padding: 30px; width: 38%; }
.khBlockTextLeft { float:left; text-align:left }
.khBlockTextRight { float:right; text-align:right }
.khBlockTextCenter { margin:0 auto; text-align:center }
/* numBlocks*/

p.numblocks { position: relative; min-height: 38px; margin: 30px 0; padding: 0 60px 0 0 !important; }
p.numblocks span { position: absolute; top: 4px; right: 0; height: 42px; width: 42px; color: #fff; display: block; font-size: 22px; line-height: 44px; text-align: center; }
p.num-1 span { background: url('../images/style1/typography/number-1.html') no-repeat 50% 50%; }
p.num-2 span { background: url('../images/style1/typography/number-2.html') no-repeat 50% 50%; }
p.num-3 span { background: url('../images/style1/typography/number-3.html') no-repeat 50% 50%; }
/* Blocks*/

.khblock-1, .khblock-2, .khblock-3, .khblock-4, .khblock-5, .khblock-6, .khblock-7, .khblock-8, .khblock-9 { margin: 20px 0; padding: 6px 12px; }
/* Blocks*/

.bubble-1, .bubble-2, .bubble-3, .bubble-4, .bubble-5, .bubble-6 { position: relative; margin: 20px 0 40px; padding: 6px 12px; }
.bubble-1 cite, .bubble-2 cite, .bubble-3 cite, .bubble-4 cite, .bubble-5 cite, .bubble-6 cite { height: 17px; position: absolute; bottom: -17px; display: block; right: 20px; font-size: 11px; font-weight: bold; line-height: 22px; padding-right: 30px; background: url('../images/style1/typography/buble_arrow.html') no-repeat right 0; color: #333 !important }
/*blockquote*/
blockquote div.khBlockquote1 { background: url('../images/style1/typography/open1.html') no-repeat left bottom }
blockquote div.khBlockquote1 div { background: url('../images/style1/typography/close1.html') no-repeat right top }
blockquote div.khBlockquote2 { background: url('../images/style1/typography/open1.html') no-repeat left top }
blockquote div.khBlockquote2 div { background: url('../images/style1/typography/close1.html') no-repeat right top }
blockquote div.khBlockquote3 { background: url('../images/style1/typography/open2.html') no-repeat left bottom }
blockquote div.khBlockquote3 div { background: url('../images/style1/typography/close2.html') no-repeat right top }
blockquote div.khBlockquote4 { background: url('../images/style1/typography/open2.html') no-repeat left top }
blockquote div.khBlockquote4 div { background: url('../images/style1/typography/close2.html') no-repeat right top }
/*tables*/
.khTable { border-collapse: collapse; font-style: normal }
.khTable thead { padding:5px 10px; text-align: right; font: normal 19px/32px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.khTable td { padding: 10px; }
.khTable tfoot { margin-bottom: 10px; margin-top: 0px; padding:0px; text-align: right; font-size: 0.8em; font-style: italic }
.khTable2 { border-collapse: collapse; font-style: normal }
.khTable2 thead { text-align: right; font: normal 20px/32px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding:5px 10px; }
.khTable2 td { padding: 10px; }
.khTable2 tfoot { margin-bottom: 10px; margin-top: 0px; padding:0px; text-align: right; font-size: 0.8em; font-style: italic }
/*tooltips*/

.khTooltip { position: relative; outline: none; cursor: help; text-decoration: none; color: #000; text-shadow: none }
.khTooltip span { position: absolute; margin-left: -999em; font-size: 11px; line-height: 16px; }
.khTooltip:hover span { position: absolute; left: 0.5em; top: 1em; z-index: 99; width: 250px; margin-left: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow:  8px 8px 1px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 8px 8px 1px rgba(0, 0, 0, 0.12); -moz-box-shadow: 8px 8px 1px rgba(0, 0, 0, 0.12); }
.khTooltip:hover em { display: block; padding: 0; font-size: 1.2em; line-height: 30px; text-decoration: underline!important; text-shadow: none; font-style: normal !important }
.classicTooltip { padding: 0.6em 0.8em; text-shadow: none }
.customTooltip { padding: 0.6em 0.8em; text-shadow: none }
/* colors 
 *
 *
--------------------------------------------------------------------------------------------------------
 *
 *
 */

pre, .khCode1, .khCode2 { padding-right: 32px; border: 1px solid #EAE8CC; border-left: 4px solid #FC764A; background: #FFFEF4; color: #333; }
.khCode2 { background: #fff; border: 1px solid #eee; border-left: 4px solid #FC764A; }
.khCode3 { border: 1px solid #eee; background: #fff }
.khCode3 h4 { background: #7790dc; color:#fff; text-align: center; text-shadow: none; }
/* Warning message */
p.khInfo1, p.khInfo2, p.khInfo3, p.khInfo4 { padding-right:35px;background: url('../images/style1/typography/info_small.html') no-repeat right center; }
p.khTips1, p.khTips2, p.khTips3, p.khTips4 { padding-right:35px;background: url('../images/style1/typography/tips_small.html') no-repeat right center; }
p.khWarning1, p.khWarning2, p.khWarning3, p.khWarning4 { padding-right:35px;background: url('../images/style1/typography/warning_small.html') no-repeat right center; }
p.khTips1 { color: #222 }
p.khTips3 { color: #92b534 }
p.khInfo2 { border:#eee solid 1px; background-position: right center; }
p.khTips2 { border: 1px solid #EAE8CC; color: #555; background-color: #FFFEF4; background-position: right center; }
p.khWarning2 { border:1px solid #ffc7b5; background-color: #fff7f5; background-position: 99% center; }
p.khInfo2, p.khInfo3 { color: #5479C5 }
p.khWarning3 { color: #FC764A }
p.khInfo4 { border-top: 2px solid #5479C5; border-bottom: 2px solid #5479C5; color: #5479C5 }
p.khTips4 { border-top: 2px solid #92b534; border-bottom: 2px solid #92b534; color: #555 }
p.khWarning4 { border-top: 2px solid #FC764A; border-bottom: 2px solid #FC764A; color: #FC764A }
/* Legends */

div.khLegend1 { border: 1px solid #e5e5e5 }
div.khLegend2 { border: 1px solid #c4d3ff }
div.khLegend3 { border: 1px solid #FC764A }
div.khLegend4 { border: 4px double #e5e5e5 }
div.khLegend1 h4 { background: #fff; color: #333; }
div.khLegend2 h4 { background: #fff; color: #7790dc; }
div.khLegend3 h4 { background: #fff; color: #FC764A; }
div.khLegend4 h4 { }
.khHighlight1 { background: #ffd; }
.khHighlight2 { background:#eee; }
.khHighlight3 { background: #7790dc; color:#fff; }
.khHighlight4 { background:#FC764A; color:#fff; }
/* Blocks */

.khblock-1 { border: 2px dotted #ddd }
.khblock-2 { border: 2px dotted #FC764A }
.khblock-3 { border: 2px dotted #7790DC }
.khblock-4 { border: 1px solid #eee; background: #fff }
.khblock-5 { border: 1px solid #EAE8CC; background: #FFFEF4; }
.khblock-6 { border: 1px solid #ccd9ff; background: #f8faff; }
.khblock-7 { background: #222; color: #fff !important }
.khblock-8 { background: #fc764a; color: #fff !important }
.khblock-9 { background: #7790dc; color: #fff !important }
/* Bubbles */

.bubble-1 { border: 1px solid #eee; background-color: #fff; }
.bubble-2 { border: 1px solid #EAE8CC; background: #FFFEF4; }
.bubble-3 { border: 1px solid #ccd9ff; background: #f8faff; }
.bubble-4 { color: #fff !important; background: #222; }
.bubble-5 { color: #fff !important; background: #fc764a; }
.bubble-6 { color: #fff !important; background: #7790dc; }
.bubble-1 cite { }
.bubble-2 cite { background-position: right -17px }
.bubble-3 cite { background-position: right -34px }
.bubble-4 cite { background-position: right -51px }
.bubble-5 cite { background-position: right -68px }
.bubble-6 cite { background-position: right -85px }
/* list */

ul.khBullet1 li {padding-right:20px; background: url('../images/style1/typography/bullet1.html') no-repeat right 8px!important; }
ul.khBullet2 li {padding-right:20px; background: url('../images/style1/typography/bullet2.html') no-repeat right 5px!important; }
ul.khBullet3 li {padding-right:20px; background: url('../images/style1/typography/bullet3.html') no-repeat right 6px!important; }
ul.khBullet4 li {padding-right:20px; background: url('../images/style1/typography/bullet4.html') no-repeat right 6px!important; }
ul.khCircle1 li {padding-right:20px; background: url('../images/style1/typography/bullet-circle1.html') no-repeat right 6px!important; }
ul.khCircle2 li {padding-right:20px; background: url('../images/style1/typography/bullet-circle2.html') no-repeat right 5px!important; }
ul.khSquare1 li {padding-right:20px; background: url('../images/style1/typography/bullet-square1.html') no-repeat right 6px!important; }
ul.khSquare2 li {padding-right:20px; background: url('../images/style1/typography/bullet-square2.html') no-repeat right 6px!important; }
.khBlockTextLeft, .khBlockTextRight, .khBlockTextCenter { color: #222; }
span.classicTooltip { background-color: #ffffdd; color: #656565 }
span.criticalTooltip { background:#cb260a; color:#fff; }
span.helpTooltip { background: #333; color:#fff; }
span.infoTooltip { background: #F0F0F0; color: #5b5b5b; border: 1px solid #dedede; }
span.warningTooltip { background: #fff; color: #F93B3B; border: 1px solid #fff; }
/* Social Icons */

.iconDigg, .iconDelicious, .iconTwitter, .iconMobyPicture, .iconYoutube, .iconVimeo, .iconFacebook { display: block; height: 32px; line-height: 32px !important; background: transparent url('../images/social_icons.html') no-repeat; padding: 0 46px 0 0; margin: 0 0 12px; font-size: 11px !important; }
.iconFacebook { background-position: right 0; }
.iconTwitter { background-position: right -32px; }
.iconVimeo { background-position: right -64px; }
.iconMobyPicture { background-position: right -96px; }
.iconYoutube { background-position: right -128px; }
.iconDigg { background-position: right -160px; }
.iconDelicious { background-position: right -192px; }
/* demo */
ul#demo-typography { background: transparent; overflow: hidden; padding: 10px 30px 30px 30px; }
ul#demo-typography li { list-style-position: none; list-style-type: disc; line-height: 24px; width: 23.9%; float: right; color: #cb260a; font-size: 11px; }
ul#demo-typography li a { font-size: 11px; text-shadow: 2px 2px 0 #fff }
.demo-typoDiv { clear: both; overflow: hidden; margin: 0 0 30px }
h4.demo-typo { font-size: 11px; font-weight: normal; color: #333; margin: 30px 0; border-bottom: 1px solid #e5e5e5; }
.demo-typo-col2 { width: 50%; float: right; }
.demo-typo-col3 { width: 33%; float: right; }
.demo-typo-col4 { width: 25%; float: right; }
.demo-typo_padd { padding: 0 30px 0 0; }
#warnings .demo-typo_padd p { margin: 1em 0 1.6em; }
.typoDesc small { font: normal 11px tahoma; color: #999 }
.khblock-7 small, .khblock-9 small, .bubble-4 small, .bubble-5 small, .bubble-6 small, .khblock-8 small { color: #fff !important }