/*
# ------------------------------------------------------------------------------------------------------------------------
# Identity - Business Joomla 1.6 Template
# ------------------------------------------------------------------------------------------------------------------------
# Copyright (C) 2011 Twincore All Rights Reserved.
# @license - PHP files are GNU/GPL V2 bound by Proprietary License of Joomlart.com.
# CSS / JS are Copyrighted Commercial, bound by Proprietary License of Twincore. 
# Author: Twincore
# Websites:  http://www.worldquests.com/intermezzo16
# Redistribution, Modification or Re-licensing of this file in part of full, is bound by the License applied. 
# For details on licensing, Please Read Terms of Use at http://themeforest.net/wiki/support/legal-terms/licensing-terms/
# -----------------------------------------------------------------------------------------------------------------------
*/

/* PREFORMATTED TEXT
-------------------------------------------------------------*/
/* Pre, Code ---*/
pre, .code {
  background: url("../images/pre_bg.gif") repeat scroll left top;
  color: #697279 !important;
  border-top: 1px solid #cccccc !important;
  border-right: 1px solid #cccccc !important;
  border-bottom: 1px solid #cccccc !important;
}

/* TYPO PAGE LAYOUT
-------------------------------------------------------------*/


.ja-typo-blockrow { border-bottom: 1px solid #bababb; }

.ja-typo-blockswrap h1.ja-typo-title {
	background:#e8e8ea;
    border-left: 1px solid #e8e8ea;
    border-right: 1px solid #e8e8ea;
    border-top: 1px solid #e8e8ea;
	border-bottom: 1px solid #e8e8ea ;
}

.ja-typo-blockswrap:hover h1.ja-typo-title  { border-color: #bababb; }

.ja-typo-blockswrap h2.ja-typo-title span { color: #344451; }


/* BUBBLES
-----------------------------------------------------------------*/
/* Common Style + Style 1 */

.ja-typo-bubblect {
	padding: 15px;
	border: 3px solid #ddd;
	box-shadow: 0 0 3px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.5);
}


.ja-typo-bubble span.ja-typo-bubble-arrow { background: url(../images/bubble-arrow.png) 0 0;}

/* Style 2 --- */
.bubble-2 .ja-typo-bubblect { border: 0; background: #ddd; }
.bubble-2 span.ja-typo-bubble-arrow { background-position: -25px 0; }

/* Style 3 --- */
.bubble-3 .ja-typo-bubblect { border: 3px solid #08c; }
.bubble-3 span.ja-typo-bubble-arrow { background-position: 0 -25px; }

/* Style 4 --- */
.bubble-4 .ja-typo-bubblect { border: 0; background: #08c; color: #fff; }
.bubble-4 span.ja-typo-bubble-arrow { background-position: -25px -25px; }

/* Style 5 --- */
.bubble-5 .ja-typo-bubblect { border: 3px solid #333; }
.bubble-5 span.ja-typo-bubble-arrow { background-position: -50px -50px; }

/* Style 6 --- */
.bubble-6 .ja-typo-bubblect { border: none; background: #333; color: #fff; }
.bubble-6 span.ja-typo-bubble-arrow { background-position: -25px -50px; }

/* ICON STYLE
-----------------------------------------------------------------*/
/* Tips, Error, Message, Hightlight ---*/

p.icon-error	span.icon { background:url("../images/typo_icons/alert.png") no-repeat 0 0;}
p.icon-message	span.icon { background:url("../images/typo_icons/info.png") no-repeat 0 0;}
p.icon-tips 	span.icon { background:url("../images/typo_icons/idea.png") no-repeat 0 0;}
p.icon-key 		span.icon { background:url("../images/typo_icons/uc-scope-component-use-case.png") no-repeat 0 0;}   
p.icon-tag 		span.icon { background:url("../images/typo_icons/tag.png") no-repeat 0 0;}
p.icon-cart 	span.icon { background:url("../images/typo_icons/media-inverse.png") no-repeat 0 0;}   
p.icon-doc 		span.icon { background:url("../images/typo_icons/document.png") no-repeat 0 0;}
p.icon-note 	span.icon { background:url("../images/typo_icons/pencil.png") no-repeat 0 0;}  
p.icon-photo 	span.icon { background:url("../images/typo_icons/photo.png") no-repeat 0 0;}  
p.icon-mobi 	span.icon { background:url("../images/typo_icons/picture.png") no-repeat 0 0;}

/* MESSAGE BOXES AND LEGENDS STYLE
-----------------------------------------------------------------*/

/* Box with icons */
p.box-download, p.box-sticky { background-color:#ffffff; }
p.box-download { background-image:url("../images/typo_icons/download.png") ; }
p.box-sticky { background-image:url("../images/typo_icons/cloud.png") ; }


/* Box without icons - Style 1*/
p.box-grey-1 { background: #ffffff; border-color: #9daab5; }
p.box-hilite-1 { background: #e8e8ea; border-color: #9daab5; }

/* Box without icons - Style 2*/
p.box-grey-2 { 
	background: #ffffff; 
	border-color: #9daab5; 
	border-style: dotted; 
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}
p.box-hilite-2 { 
	background: #e8e8ea; 
	border-color: #9daab5; 
	border-style: dotted; 
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}

/* Legend ---*/

.ja-typo-legend .legend-title { background: #ffffff; }

/* Common style for Dark Buttons --- */

/* Button Blue*/
a.btn-blue span { color: #ffffff;  }

/* Button Black*/
a.btn-black span { color: #ffffff;  }

/* Button green*/
a.btn-green span { color: #ffffff;  }

/* Button red*/
a.btn-red span {color: #ffffff; }

/* Button orange*/
a.btn-orange span { color: #ffffff; }


/* -------------------------------------------------------------  IDENTITY TYPO -----------------------------------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------- HIGHLIGHT----------------------- */




/*------------------------------------------------------------------------------------------- BLOCKQUOTE ----------------------*/

.iblockquote, .iblockquotePullRight, .iblockquotePullLeft  { color:#697279; }


/* ------------------------------------------------------------------------------------------- DROPCAP ------------------------ */



/*--------------------------------------------------------------------------------------------- lIST STYLE ---------------------*/

ul.arrowlist li { background-image:url("../images/list-arrow.png") !important; }

ul.starlist li { background-image:url("../images/list-star.png") !important; }

ul.checklist li { background-image:url("../images/list-check.png") !important; }

ul.bulletlist li { background-image:url("../images/list-bullet.png") !important; }

ul.crosslist li { background-image:url("../images/list-cross.png") !important; }

ul.addlist li { background-image:url("../images/list-plus.png") !important; }

ul.checklistGreen li { background-image:url("../images/list-checkGreen.png") !important; }

ul.crosslistRed li { background-image:url("../images/list-crossRed.png") !important; }

/*---------------------------------------------------------------------------------------------- LEGEND ----------------------- */

div.iLegend1 {
	background: none repeat scroll 0 0 #e8e8ea;
    color: #697279;
	border:1px solid #e8e8ea;
	}

div.iLegend1 h4  { 
    background: none repeat scroll 0 0 #ffffff;
    border:3px solid #e8e8ea;
	-moz-border-radius: 3px; /* FF1-3.6 */
    -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
    border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	}

div.iLegendBlack1 {
	border: 3px solid #697279;
	color: #697279;
	}

div.iLegendBlack2 {
    background: none repeat scroll 0 0 #697279;
    color: #ffffff;
	}

div.iLegendGreen2, div.iLegendRed2, div.iLegendBlue2, div.iLegendOrange2 { color:#ffffff; }

div.iLegendBlack1 h4, div.iLegendBlack2 h4 {
	background:none repeat scroll 0 0 #ffffff;
	color:#697279 !important;
	border:3px solid #697279;
	}

div.iLegendBlue1 h4, div.iLegendBlue2 h4 {
	background:none repeat scroll 0 0 #ffffff;
	color:#53A3B4 !important;
	}

div.iLegendRed1 h4, div.iLegendRed2 h4  {
	background:none repeat scroll 0 0 #ffffff;
	color:#dc3522 !important;
	}

	
div.iLegendOrange1 h4, div.iLegendOrange2 h4 {
	background:none repeat scroll 0 0 #ffffff;
	color:#FFBF00 !important;
	}

div.iLegendGreen1 h4, div.iLegendGreen2 h4 {
	background:none repeat scroll 0 0 #ffffff;
	color:#97C02F !important;
	}



/*--------------------------------------------------------------------------------------------------- INOTE ---------------------------*/

span.iNoteBlack {
	color:#697279;
	border:2px solid #697279;
	}

/* -------------------------------------------------------------------------------------------------- IDENTITY BUTTON ------------------ */



/*--------------------------------------------------------------------------------------------------- BOX WITH ICON -------------------- */

div.iBoxInfo span, div.iBoxWarning span, div.iBoxCaution span,
div.iBoxHelp span, div.iBoxAdd span, div.iBoxDelete span, div.iBoxBox span, div.iBoxDatabase span,
div.iBoxOptions span, div.iBoxNote span, div.iBoxSecurity span, div.iBoxSystem span, div.iBoxTip span,
div.iBoxTools span, div.iBoxTutorial span, div.iBoxNote span, div.iBoxLock span {
	background-color: #ffffff; 
	}

div.iBoxHelp, div.iBoxAdd, div.iBoxDelete, div.iBoxBox, div.iBoxDatabase,
div.iBoxOptions, div.iBoxNote, div.iBoxSecurity, div.iBoxSystem, div.iBoxTip,
div.iBoxTools, div.iBoxTutorial, div.iBoxNote, div.iBoxLock {
	background: none repeat scroll 0 0 #e8e8ea;
    border:1px solid #e8e8ea;
    color: #697279;
	}

div.iBoxHelp span, div.iBoxAdd span, div.iBoxDelete span, div.iBoxBox span, div.iBoxDatabase span,
div.iBoxOptions span, div.iBoxNote span, div.iBoxSecurity span, div.iBoxSystem span, div.iBoxTip span,
div.iBoxTools span, div.iBoxTutorial span, div.iBoxNote span, div.iBoxLock span {
	border:3px solid #e8e8ea;
	}

/* ------------------------------------------------------------------------------------------------------ ACTION BUTTONS --------------------*/


	
/*------------------------------------------------------------------------------------------------------- TABLE STYLE -----------------------*/

/*---------------- Table Style 1 : Horizontal Zebra color ------------------- */

#horizontalZebraColor thead tr th, #horizontalZebraColor tr th {
	background: none repeat scroll 0 0 #e8e8ea;
    border-bottom: 1px solid #e8e8ea;
	}

#horizontalZebraColor th {
	color: #344451;
	text-shadow:none;
	}

#horizontalZebraColor td { color: #697279; }

#horizontalZebraColor .oddRow { background:#f1f1f1 !important; }

#horizontalZebraColor tr:hover td {
	background:rgba(0, 0, 0, 0.2);
	}

/*--------------------- Table Style 2 : Vertical Zebra color ---------------*/

#verticalZebraColor th {
	color: #344451;
	}
	
#verticalZebraColor td {
	color: #697279;
	}

#verticalZebraColor thead tr th {border-bottom:1px solid #ffffff; }

.verticalZebraColor-even { background:#f1f1f1; }

#verticalZebraColor #verticalZebraColor-even {
	background:#d7d7d9;
	}
	
#verticalZebraColor #verticalZebraColor-odd {
	background:#e8e8ea;
	}
	
#verticalZebraColor tr:hover td {
	color: #344451;
	}


/*----------- Table Style 3: One Column Emphasis ------------------- */

#oneColumnColor thead tr th {
	background: none;
	border-bottom:none;
	}
		
#oneColumnColor {
	background: none repeat scroll 0 0 #ffffff;
    border-color: #e8e8e0;
    border-style: solid;
    border-width: 1px;
	}

#oneColumnColor th {
	color: #344451;
	text-shadow:none;
	}
	
#oneColumnColor td {
	color: #697279;
	text-shadow:none;
	}

.firstColumn { 
    background: none repeat scroll 0 0 #e8e8ea;
    border-bottom: 1px solid #e8e8ea;
    border-left: 1px solid #e8e8ea;
    border-top: 1px solid #e8e8ea;
 	}

.firstColumnSet { 
	color:#344451 !important;
	text-shadow:0 1px 0 #ffffff;
	border-bottom:none;
 	}

#oneColumnColor tr:hover td {
	color: #FFFFFF !important;
	text-shadow:none !important;
	}


/*------------------------------------------------------------------------------------------------------- PRICING BOX -----------------------*/

.category  {
	background-color: #dddddd;
	border: 1px solid #dddddd;
	}

.category h3 {
  border-left: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}

#pricingTableOrange .price,#pricingTableOrangeBestValue .price,#pricingTableOrangeMulti .price,
#pricingTableGreen .price,#pricingTableGreenBestValue .price,#pricingTableGreenMulti .price,
#pricingTableBlue .price,#pricingTableBlueBestValue .price,#pricingTableBlueMulti .price,
#pricingTableRed .price, #pricingTableRedBestValue .price, #pricingTableRedMulti .price  {
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
}

.pricingDescription ul {
	border-bottom: 1px solid #dddddd;
	border-left: none;
	border-top: 1px solid #dddddd;
	}

.pricingDescription {
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.pricingButton {
	background-color: #dddddd;
	border-left: 1px solid #dddddd;
  	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	}

/*-------------------------------------------------------------------------------------------------------- IMAGE BOX - SHORTCODES----------- */

.imageBox p {  color:#111111; }
.caption{  background: #ffffff; }


/*-------------------------------------------------------------------------------------------------------- IMAGE BORDER - SHORTCODES---------- */

	
#borderImage {
	background: none repeat scroll 0 0 #e8e8ea;
	border: 1px solid #ffffff;
	-webkit-box-shadow:1px 1px 6px #bbbbbb; 
	-moz-box-shadow:1px 1px 6px #bbbbbb; 
	box-shadow: 1px 1px 6px #bbbbbb;
	}

#borderImage:hover {
	-webkit-box-shadow:1px 1px 4px #999999;
	-moz-box-shadow:1px 1px 4px #999999; 
	box-shadow: 1px 1px 4px #999999;
	}
 
#borderImage p { border: none; }

#borderImage a {  color:#888888; }

#borderImage a:hover {  text-decoration:underline; }



/*-----------------------------------------------------------------------------------IMAGE AND VIDEO HOVER WITH LIGHTBOX EFFECT STYLE--------------------- */


#fadehovereffect {
	background: none repeat scroll 0 0 #e8e8ea;
	display: block;
	border: 1px solid #ffffff;
	  -moz-border-radius:4px;
	  -webkit-border-radius:4px; 
	border-radius: 4px 4px 4px 4px;
	  -webkit-box-shadow:1px 1px 6px #bbbbbb; 
	  -moz-box-shadow:1px 1px 6px #bbbbbb; 
	box-shadow: 1px 1px 6px #bbbbbb;
	padding: 0;
	float:left;
	margin:5px;
	position: relative;
	}

#fadehovereffect:hover {
	-webkit-box-shadow:1px 1px 4px #999999;
	-moz-box-shadow:1px 1px 4px #999999; 
	box-shadow: 1px 1px 4px #999999;
	
	}
 
#fadehovereffect p.lightbox{
	border:none;
	}
	
#fadehovereffect a.imageZoom:hover { 
	background:url("../images/imageZoom.png") no-repeat scroll 50% 50% #ffffff;
	}

#fadehovereffect a.videoZoom:hover { 
	background:url("../images/videoZoom.png") no-repeat scroll 50% 50% #ffffff;
	}
	


/*------------------------------------------------------------------------------------------------------------ VIEW CODE --------------------*/

a.viewCodeshow {
	background:none;
	background: #e8e8ea;
	color: #697279 !important;
	}

a:hover.viewCodeshow { color: #344451 !important; }