.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
	background:#edf6fa;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {margin:0 0 0 100px; width:450px;}
	/* Top corners and border */
.bt {
	height:17px;
	margin:0 0 0 18px;
	background:url(/css/box.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(/css/box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
	background:url(/css/box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(/css/box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:url(/css/borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:url(/css/borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#edf6fa;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */


input.groovybutton {
	font-size:12px;
	width: 100px; 
	font-family:Verdana,sans-serif;
	font-weight:bold;
	color:#555555;
	height:26px;
	background-color:#779999;
	background-image:url(/css/img/back03.gif);
	border-style:solid;
	border-color:#555555;
	border-width:1px;
}

.backgroundimage {
	background-attachment: fixed;
	background: url(/css/img/phone.png);
	background-repeat: no-repeat;
	background-position:top;
	height:180px;
	width:296px;
	position:relative;
	background-position:center top;
	top:0px;
	visibility: visible;
	left: 0px;
	margin-left:30px;
}

#hor-zebra
{
font-size: 12px;
margin: 10px;
//width: 710px;
text-align: left;
border-collapse: collapse;


}
#hor-zebra th
{
font-size: 14px;
font-weight: bold;
padding: 10px 8px;
color: #039;
}
#hor-zebra td
{

padding: 6px;
}


#hor-zebra tr{
height: 32px;
}

#hor-zebra .odd
{
background: #f7f7f7;
}

/* All form elements are within the definition list for this example */
dl {
font:normal 12px/15px Arial;
position: relative;
width: 350px;
}


dt {
clear: both;
float:left;
width: 130px;


padding: 4px 0 2px 0;
text-align: left;
}
dd {
float: left;
width: 200px;
margin: 0 0 8px 0;
padding-left: 6px;
}


/* The hint to Hide and Show */
.hint {

display: none;
position: absolute;
right: -250px;
width: 200px;
margin-top: -30px;
border: 1px solid #c93;
padding: 10px 12px;
color: black;

z-index: 51;

/* to fix IE6, I can't just declare a background-color,
I must do a bg image, too!  So I'm duplicating the pointer.gif
image, and positioning it so that it doesn't show up
within the box */
background: #ffc url(/css/images/pointer.html) no-repeat -10px 5px;
}

/** You can use this style for your LABEL elements **/
.mylabelstyle {
font-family: tahoma, helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #82983e;

}


/* The pointer image is hadded by using another span */
.hint .hint-pointer {
position: absolute;
z-index: 51;
left: -10px;
top: 5px;
width: 10px;
height: 19px;
background: url(/css/images/pointer.html) left top no-repeat;
}

      table.tweaked th {
        text-align:left;

    }

    table.tweaked td {
        

   }

      div.ieheight {
        height: 290px;
        overflow: scroll;
    }

 div.ieheight2 {
        height: 280px;
        overflow: scroll;
    }


    td > div.ieheight {
        height: auto;
        max-height: 300px;
        overflow: auto;
    }

 

.ClearAndPad {
clear:both;
padding-top:5px;

}

#coverageBorder {
padding:10px;

}

.CC {width:140px; vertical-align:top;}
.CN {width: 350px; vertical-align:top;}
.green {color:green;}

.red {color:red;} 

.CoveragePriceSize {width:100px; vertical-align:top; color: 343434;}

.CoverageCountrySizeHead {width:140px; vertical-align:top; font-size:12px;background-color:#F0F0F0;}

.CoverageNetworkSizeHead {width: 350px; vertical-align:top; font-size:12px;background-color:#F0F0F0;}

.CoveragePriceSizeHead {width: 100px; font-size:12px;background-color:#F0F0F0;}

.smsjoke {width:360px; height: 240px; vertical-align:top;} 

.jokebuttons {width:100px; height: 10px; vertical-align:top;} 

#tooltip {
width: 200px;
position: absolute;
z-index: 10;
border: 1px solid #1593db;
background-color: #e5f5fe;
font: 1em verdana;
color: #000;
padding: 5px;
opacity: 0.75;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* Siema Carousel Styles */
.siema {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.siema > div {
  display: none;
}

.siema > div:first-child {
  display: block;
}

.siema.siema-initialized > div {
  display: block;
  float: left;
}