/*
 * @Vodafone Group - Customer care - Public web widget export [01/2012]
 * @Author: AARON GROUP [www.aag.cz]
 * @Copyright (c) 2012 Vodafone Czech Republic a.s.
 */

/*************** vodafoneCZ widget ***************/

.widget-vfcz * {
  border:0;
	font-family:"Arial CE",Arial,"Verdana CE",Verdana,sans-serif;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	padding:0;
  vertical-align:baseline;
  background:none;
}

.widget-vfcz .disclaimer {
	display:none;
}

.widget-vfcz a:hover {
	text-decoration:underline;
	color: #BD0000;
}

.widget-vfcz h2 {
	font-weight:bold;
	font-size:1.7em;
	color:#5E274F;
	padding-left:5px;
}

.widget-vfcz h2 a {
	font-weight:normal;
	color:#5E274F;
	font-size:0.9em;
}

.widget-vfcz h2 a:hover {
	text-decoration:none;
}

.widget-vfcz h2 span.normal {
	font-size:0.9em;
	font-weight:normal;
}

.widget-vfcz ul {
	border-top:1px solid #CCCCCC;
	margin:5px 0 0 0 !important;
}

.widget-vfcz ul li {
	border-bottom:1px solid #CCCCCC;
	padding:12px 0 0 0;
	padding-left:0 !important;
	list-style:none;
	background:none !important;
}

.widget-vfcz ul li:last-child,
.widget-vfcz ul li.last {
	border-bottom:0;
}
  
.widget-vfcz ul li h3 {
	margin-left:3px;
	margin-bottom:13px;
	font-size:1.2em;
	color:#5E274F;
	vertical-align:text-top;
}

.widget-vfcz ul li h3 a
	{
	background-image:url("/webs/vodafonecz/images/cp_widget/widget-vfcz-bullet.gif");
	background-repeat:no-repeat;
	background-position:15px 2px;
	padding-left:50px;
	text-decoration:none;
	display:block;
	font-size:1.2em;
	font-weight:normal;
	color:#000;
}

.widget-vfcz ul li.important h3 a {
	font-weight:bold;
}

.widget-vfcz a.button {
	float:right;
	margin:20px 20px 0 0;
	height:28px;
	display:block;
	cursor:pointer;
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	line-height:28px;
	text-decoration:none;
}

.widget-vfcz a.button:hover {
	text-decoration: none;
}

.widget-vfcz a.button span {
	height:28px;
	display:block;
}

.widget-vfcz ul.greyArrowList {
  display:none;
}

/*************** vodafoneCZ widget - sidebar type ***************/

.widget-vfcz.left {
  background:url("/webs/vodafonecz/images/cp_widget/widget-vfcz-bg.gif") repeat-x #fff;
  width:180px;
  padding:20px 10px 10px 20px;
  color:#666;
  position:relative;
  left:-20px;
}

.widget-vfcz.left h2.title {
  display:none;
}

.widget-vfcz.left .disclaimer {
  font-size:1.1em;
  display:block;
}

.widget-vfcz.left .disclaimer h2 {
  color:#333;
  font-size:1.3em;
  font-weight:bold;
  padding:0;
}

.widget-vfcz.left .disclaimer p {
  margin:10px 0 20px 0;
  line-height:1.3em;
}

.widget-vfcz.left ul,
.widget-vfcz.left ul li {
  border:0;
}

.widget-vfcz.left ul li {
  padding:3px 0;
  border:0 !important;
}

.widget-vfcz.left ul li.important h3 a {
	font-weight:normal;
	color:#666 !important;
}

.widget-vfcz.left ul li.important h3 a:hover {
	font-weight:normal;
}

.widget-vfcz.left ul li h3 {
  margin:0;
}

.widget-vfcz.left ul li h3 a {
  background: url("/webs/vodafonecz/images/cp_widget/arrow-vfcz.gif") no-repeat scroll 0 5px;
  padding-left:10px;
  font-size:0.9em !important;
  color:#666 !important;
}

.widget-vfcz.left ul li h3 a:hover {
  background: url("/webs/vodafonecz/images/cp_widget/arrow-vfcz.gif") no-repeat scroll 0 -137px;
  color:#E60000 !important;
}

.widget-vfcz.left a.button {
  display:none;
}                                                      

.widget-vfcz.left ul.greyArrowList {
    margin:20px 0 0 0 !important;
    padding:0;
    display:block;
    font-size:1.3em;
    font-weight:bold;
}

.widget-vfcz.left ul.greyArrowList li {
    background:none;
    border:0;
    clear:both;
    list-style-type:none;
    padding:0;
    width:auto;
}

.widget-vfcz.left ul.greyArrowList li a {
    background: url("/webs/vodafonecz/images/cp_widget/arrows_on_white_support.png") no-repeat scroll 0 9px transparent;
    display: block;
    padding:5px 0 6px 10px;
    text-decoration:none;
    color:#000 !important;
    font-size:0.9em !important;
}

.widget-vfcz.left ul.greyArrowList li a:hover, ul.greyArrowList li a:focus {
    background:url("/webs/vodafonecz/images/cp_widget/arrows_on_white_support.png") no-repeat scroll 0 -152px transparent;
    color:#E60000 !important;
}

/*************** Media Queries ***************/

@media only screen and (max-width : 580px) {
  
  .widget-vfcz {
    	font-size:0.95em;
   }
   
   .widget-vfcz.left {
    	width:auto;
    	background:none;    	
    	padding-top:10px;
   }
   
  .widget-vfcz ul li h3 a	{
      background-position:15px 4px;
  }
  
  .widget-vfcz.left ul.greyArrowList li a {
      background-position:0 11px;    
  }

  .widget-vfcz.left ul.greyArrowList li a:hover, ul.greyArrowList li a:focus {
      background-position:0 -150px;
  }
  
  .widget-vfcz.left ul li h3 a {
      background-position:0 6px;
  }
  
  .widget-vfcz.left ul li h3 a:hover {
      background-position:0 -136px;
  }
}