/*  DIV classes for boxes  */
/*  e.g. simple box which sizes to its content  */
/*  <div class="boxed"> .... </div>  */
.iwbox{
display:-moz-inline-stack;/*old mozilla browsers*/
display: inline-block;
zoom:1; /*this makes IE6 7 obey inline*/
*display:inline; /*IE6 7*/
border: 1px solid green ;
background-color:#fff;
}

/*  additional classes to modify boxed class */
/*   e.g. make the simple box have rounded corners  */
/*  <div class="roundedboxed"> ... </div> */
.iwroundbox {
display:-moz-inline-stack;/*old mozilla browsers*/
display: inline-block;
zoom:1; /*this makes IE6 7 obey inline*/
*display:inline; /*IE6 7*/
border: 1px solid green ;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background-color:#fff;
}

/*   e.g. make the simple box have rounded corners plus dropshadow */
/*  <div class="roundeddropshadowboxed"> ... </div> */
.iwroundshadowbox{
display:-moz-inline-stack;/*old mozilla browsers*/
display: inline-block;
zoom:1; /*this makes IE6 7 obey inline*/
*display:inline; /*IE6 7*/
border: 1px solid green ;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
moz-box-shadow: 3px 5px 10px #696666;
box-shadow: 3px 5px 10px #696666;
-webkit-box-shadow: 3px 5px 10px #696666;
background-color:#fff;
}

/*   e.g. make the simple box have rounded corners opposite corners only */
/*  <div class="oppcornersboxed"> ... </div> */
.iwoppcornerbox{
display:-moz-inline-stack;/*old mozilla browsers*/
display: inline-block;
zoom:1; /*this makes IE6 7 obey inline*/
*display:inline; /*IE6 7*/
border: 1px solid green ;
-moz-border-radius-topleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-top-left-radius:10px;
border-bottom-right-radius:10px;
background-color:#fff;
}

/*  ANY h2 within a "boxed" DIV */
/*  needs top rounded corners  */
.iwbox .iwtopdiv{color:#fff;
margin:0px;
background-color:#3a3a3c;
}

/*  ANY h2 within a "roundedboxed" or "roundeddropshadowboxed" DIV */
/*  needs top rounded corners  */
.iwroundbox .iwtopdiv, .iwroundshadowbox .iwtopdiv{color:#fff;
margin:0px;
background:#3a3a3c url('../images/logosmall.png') no-repeat 0px 4px;
border-top-left-radius:10px;
-moz-border-radius-topleft:10px;
-webkit-border-radius-topleft:10px;
border-top-right-radius:10px;
-moz-border-radius-topright:10px;
-webkit-border-radius-topright:10px;
}

/*  ANY h2 within a "oppcornersboxed" DIV */
/*  needs top rounded corners  */
.iwoppcornerbox .iwtopdiv{color:#fff;
margin:0px;
background:#3a3a3c url('../images/logosmall.png') no-repeat 0px 4px;
border-top-left-radius:10px;
-moz-border-radius-topleft:10px;
-webkit-border-radius-topleft:10px;
}

.iwtopdiv h2 {margin:0px 0px 0px 30px;padding:5px}

/*  any paragraph inside a "boxed" DIV  */
.iwbox p, .iwroundbox p, .iwroundshadowbox p, .iwoppcornerbox p{padding:2%;margin:0px}

/*  any h3 inside a "boxed" DIV  */
.iwbox h3, .iwroundbox h3, .iwroundshadowbox h3, .iwoppcornerbox h3{color:green;padding:2%;margin:0px}

/*  any link inside a "boxed" DIV  */
.iwbox a:link, .iwroundbox a:link, .iwroundshadowbox a:link, .iwoppcornerbox a:link
{color:green;text-decoration: none;font-weight:700;}
.iwbox a:hover, .iwroundbox a:hover, .iwroundshadowbox a:hover, .iwoppcornerbox a:hover
{color:red;text-decoration: none;font-weight:700;}

/* Outer Div */
.iwouterdiv {background:#f00;
display:-moz-inline-stack;/*old mozilla browsers*/
display: inline-block;
zoom:1; /*this makes IE6 7 obey inline*/
*display:inline; /*IE6 7*/
border: 1px solid green ;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding-left:20px
}

.iwouterdiv:hover{background:#0f0}

/*  Gradient class which can be applied to a DIV  */
/*  e.g <div class="boxed roundedboxed backgradient"> .. </div>  */
.iwbackgradient{background: #b3dced; /* Old browsers */
background: -moz-linear-gradient(left,  #b3dced 0%, #29b8e5 50%, #bce0ee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b3dced), color-stop(50%,#29b8e5), color-stop(100%,#bce0ee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* IE10+ */
background: linear-gradient(left,  #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=1 ); /* IE6-9 */
}

/*  basic class definition for our unordered contact us list  */
ul.iwcontact_list
{
list-style-type: none;
padding: 0px;
margin: 0px;
/*line-height:30px;*/
}
/*  all list elements within a "contact_list" have room for an image */
/*  define a class for each list item type  */
li.iwlist_email.even, li.iwlist_email.odd{
background-repeat: no-repeat;
background-position: 0px 5px;
background-color: transparent;
padding-left: 30px;
background-image: url(../images/icons/email.png)
}

li.iwlist_phone.even , li.iwlist_phone.odd{
background-repeat: no-repeat;
background-position: 0px 5px;
background-color: transparent;
padding-left: 30px;
background-image: url(../images/icons/phone.png)
}

li.iwlist_tick.even , li.iwlist_tick.odd{
background-repeat: no-repeat;
background-position: 0px 5px;
background-color: transparent;
padding-left: 30px;
background-image: url(../images/icons/tick.png)
}
li.iwlist_light.even , li.iwlist_light.odd{
background-repeat: no-repeat;
background-position: 0px 5px;
background-color: transparent;
padding-left: 30px;
background-image: url(../images/icons/light_bulb.png)
}

table.iwroundedtable {
	background:#ccc;
	border:#ccc 1px solid;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px}
	
table.iwroundedtable th {padding:4px 10px}

table.iwroundedtable td {
	background:#fff;
	padding:2px 10px 4px 10px}
	
table.iwroundedtable td:hover{background:#ccc}
	
table.iwroundedtable tr:nth-child(even) td {background:#eee}
table.iwroundedtable tr:nth-child(even) td:hover {background:#ccc}

table.iwroundedtable tr:last-child td:first-child {
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px}
	
table.iwroundedtable tr:last-child td:last-child {
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px}

