/*
 * CaMykS Engine
 * Developed by		: Ideogram Design
 * Author			: JB Lebrun
 * CaMykS Version	: 1.0b
 * Object Version	: 1.0
 * Object Type      : Plugin / Theme Part CSS Styles
 * Creation Date	: Jun 2012
 * Last Modif Date  : Jun 2012
 *
 * Ideogram Design Theme Parts CSS styles
*/

/* button part */
a.ideogramButton {
  background:url(img/parts/bttn_bkgd.gif) 100% 0 no-repeat;
  color:white;
  margin:4px 0;
  display:inline-block;
  padding:5px 32px;
  font-weight:bold;
  font-size:11px;
}

a.ideogramButton:hover {
  background:url(img/parts/bttn_bkgd_r.gif) 100% 0 no-repeat;
  color: white;;
  text-decoration:none;
}

/* box part */

div.ideogramBox {
  border-left:solid 1px #E2007A;
}

div.ideogramBoxTitleBar {
  color:white;
  font-weight:bold;
  font-size:12px;
  text-transform:uppercase;
  text-align:center;
  padding:8px 32px 6px;
  background: #E2007A;
  border-left:solid 4px white;
}

div.ideogramBoxSpace {
  height:4px; font-size:1px;
}

div.ideogramBoxContent1 {
  padding:16px 20px 16px;
}

div.ideogramBoxFooter {
  height:2px;
  font-size:1px;
  /* border-bottom:solid 2px #A01E32; */
}

div.ideogramBoxButtonsBar {
  padding-top:4px;
  text-align:center;
  background:white;
  /* border:solid 2px #A01E32; border-bottom:none; border-top:none; */
}

span.ideogramBoxButtonsBarButton{}

a.ideogramBoxButtonsBarButton{
  color:#494955;
  margin:4px 4px;
  display:inline-block;
  background:#F8CB00;
  border:solid 1px #F8CB00;
  padding:2px 8px;
  font-weight:bold;
}


/* layered menu part */
div.ideogramLayeredMenuHeader{
  position:absolute;
  left: 200px;
  top: 200px;
  z-index:100;
  overflow: hidden;
  display:none;
  padding:0;
  background:#ECECEC;
  margin: 0;
  width:150px;
  
  -moz-opacity:0.90;
  opacity:0.90;
  filter:alpha(0.90);
}

div.ideogramLayeredMenuSeparator{
  height:4px;
  font-size:1px;
}

div.ideogramLayeredMenuIcon{
  float:left;
  margin-right:4px;
}

a.ideogramLayeredMenuItem {
  display:block;
  clear:both;
  color:#444444;
  letter-spacing:1px;
  text-align:left;
  padding:4px 10px;
  background:none;
  font-size:11px;
  font-weight:bold;
}

a.ideogramLayeredMenuItem:hover{
  background:#444444;
  color:white;
  text-decoration:none;
}

div.ideogramLayeredMenuItem{ 
  padding:3px 20px 3px 4px;
  clear:both;
  color:#white;
  font-weight:bold;
  text-align:left;
  font-size:11px;
}