@charset "utf-8";
/* CSS Document */
@font-face {
font-family: '82397461-FrutigerLTArabic-55Roman';
src: url('../fonts/82397461-FrutigerLTArabic-55Roman.eot'); /* IE9 Compat Modes */
src: url('../fonts/82397461-FrutigerLTArabic-55Roman.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../fonts/82397461-FrutigerLTArabic-55Roman.woff') format('woff'), /* Modern Browsers */
     url('../fonts/82397461-FrutigerLTArabic-55Roman.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('../fonts/82397461-FrutigerLTArabic-55Roman.svg#svgBebasNeue') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: '880004883-FrutigerLTArabic-65Bold';
src: url('../fonts/880004883-FrutigerLTArabic-65Bold.eot'); /* IE9 Compat Modes */
src: url('../fonts/880004883-FrutigerLTArabic-65Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../fonts/880004883-FrutigerLTArabic-65Bold.woff') format('woff'), /* Modern Browsers */
     url('../fonts/880004883-FrutigerLTArabic-65Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('../fonts/880004883-FrutigerLTArabic-65Bold.svg#svgBebasNeue') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'NeoSansArabic';
src: url('../fonts/NeoSansArabic.eot'); /* IE9 Compat Modes */
src: url('../fonts/NeoSansArabic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../fonts/NeoSansArabic.woff') format('woff'), /* Modern Browsers */
     url('../fonts/NeoSansArabic.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('../fonts/NeoSansArabic.svg#svgBebasNeue') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'HelveticaNeueLTW20';
src: url('../fonts/HelveticaNeueLTW20.eot'); /* IE9 Compat Modes */
src: url('../fonts/HelveticaNeueLTW20.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../fonts/HelveticaNeueLTW20.woff') format('woff'), /* Modern Browsers */
     url('../fonts/HelveticaNeueLTW20.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('../fonts/HelveticaNeueLTW20.svg#svgBebasNeue') format('svg'); /* Legacy iOS */
	 font-weight:normal !important;
}
*
{
	margin:0px;
	padding:0px;
	outline:0px;
}
div
{
	overflow:hidden;
}
img
{
	border:0px;
}
a
{
	text-decoration:none;
}
body
{
	background-image:url(../Images/bg_image.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	direction:rtl;
	background-color:#f6f6f6;
}
#container
{
	width:1029px;
	margin:0px auto;
	min-height:600px;

}
#container h6
{
	
	font-weight:normal;

}
#header
{
	height:180px;
}

#right_header
{
	width:337px;
	float:right;
	height:180px;
	
}
#right_header h1
{
 margin-right: 89px;
    margin-top: 38px;	
}

#left_header
{
	width:675px;
	float:left;
	height:180px;
}
#navigation
{
	height:72px;
	
}
#navigation ul
{
	width:970px;


	
}
#navigation ul li
{

	list-style:none;
	float:right;
	display:block;font-family: '82397461-FrutigerLTArabic-55Roman';
	color:#312f2f;
	
	
}
#navigation ul li a
{
	
	

	list-style:none;
	float:right;
	display:block;
	font-family: 'HelveticaNeueLTW20';
	color:#fff;
	font-weight:normal  !important;
	font-size:17px;
	margin-left:6px;
	margin-right:4px;
	text-align:center;
	height:26px;
	padding:5px 14px;
	line-height:26px;
	margin-top:22px;
}
#navigation ul li a.activef
{

	list-style:none;
	float:right;
	display:block;
	font-family: 'HelveticaNeueLTW20';
	color:#fff;
	font-weight:normal  !important;
	font-size:17px;
	margin-left:6px;
	margin-right:4px;
	text-align:center;
	height:26px;
	padding:5px 14px;
	line-height:26px;
	margin-top:22px;
	background:#0C8948;
	color:#fff;
	border-radius:8px;
	-moz-border-radius:8px;
	-o-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	height:26px;
	padding:5px 14px;
	line-height:26px;
}
#navigation ul li a:hover
{

	list-style:none;
	float:right;
	display:block;
	font-family: 'HelveticaNeueLTW20';
	color:#fff;
	font-weight:normal  !important;
	font-size:17px;
	margin-left:6px;
	margin-right:4px;
	text-align:center;
	background:#0C8948;
	color:#fff;
	border-radius:8px;
	-moz-border-radius:8px;
	-o-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	height:26px;
	padding:5px 14px;
	line-height:26px;
	
}
.toplinks ul
{
	float:left;
	margin-top:20px;
}
.toplinks ul li 
{
	float:right;
	display:block;
	list-style:none;
	font-family:'82397461-FrutigerLTArabic-55Roman';
	font-size:12px;
	color:#fff;


}
.toplinks ul li  a
{
	float:right;
	display:block;
	list-style:none;
	font-family:Tahoma, Geneva, sans-serif;
	color:#fff;
	padding-left:5px;
	padding-right:5px;
}
.searchboxContainer
{
	height:55px;
	float:left;
	margin-top:10px;
	width:347px;
}
.rightSearch
{
	float:right;
	width:279px;
	height:55px;
}
.rssico
{
	float:right;
	width:40px;
}
.rssico a
{
	display:block;
	margin-top:8px;
	margin-right:10px;
}
.srcuitem
{
	float:right;
}
.langa
{
	float:left;
	height:55px;
	width:63px;
}
.inputc
{
	display:block;
	float:right;
	font-family:'82397461-FrutigerLTArabic-55Roman';
	color:#333;
	padding-right:32px;
	line-height:37px;	
	font-size:13px;
	background-image:url(../Images/searchbox.png);
	width:196px;
	height:37px;
	border:0px;
	background-color:transparent;
}
.btnsearch
{
	background-image:url(../Images/searchicon.png);
	width:16px;
	height:16px;
	display:block;
	float:right;
	border:0px;
	background-color:transparent;
	position:absolute;
	margin-right:190px;
	margin-top:11px;	
}
a.langicon
{
	display:block;
	text-align:center;
	color:0c8948;
	float:left;
	font-family:'82397461-FrutigerLTArabic-55Roman';
	line-height:30px;
	color:#fff;
	margin-left:10px;
	margin-top:10px;

}
.content_div
{
	

}
#navbar
{
	height:55px;
	
}
#navbar ul
{
	width:970px;
	margin:8px auto;
	margin-top:11px; 
	
}
#navbar ul li
{

	list-style:none;
	float:right;
	display:block;font-family: '82397461-FrutigerLTArabic-55Roman';
	color:#312f2f;
	margin-right:8px;
	margin-left:3px;
	
}
#navbar ul li a
{

	list-style:none;
	float:right;
	display:block;
	padding-left:15px;
	margin-right:5px;
	margin-left:4px;
	font-family: 'HelveticaNeueLTW20';
	color:#312f2f;
	font-weight:normal  !important;
	font-size:16px;
	
}
.sliderWrapper
{
	width:1002PX;
	height:400px;	
	margin:0px auto;
	direction:ltr !important;
}
#wt-rotator
{

}
.threeboxes
{
	width:980px;
	height:260px;
	margin:0px auto;
}
.Servicebox
{
	float:right;
	width:295px;
	height:260px;
}
.Latstnews
{
	float:left;
	height:260px;
	width:322px;
}
.middlescroll
{
	width:363px;
	height:260px;
	
}
.Servicebox h6
{
font-family: 'HelveticaNeueLTW20';
font-size:19px;	
}
.Latstnews h6
{
font-family: 'HelveticaNeueLTW20';
font-size:19px;	
}
#news_container
{
  		 z-index: 2;
        position: relative;      
        width: 318px;		
		float:left;      
    	height:222px;
        font-size: 12px;
		margin-top:5px;
     
        
}
#vertical-ticker{
	
	margin:0px auto;
	overflow:hidden;
	height:93px;
	
	
	-webkit-box-shadow:0 1px 3px rgba(0,0,0, .4);
}

#vertical-ticker li{
		
		display:block;
	
		color:#333;
		text-align:center;
		font-size:13px;
	height:93px;
		
}
#wrapper
{
	height:199px;
	width:313px;
	margin:32px auto;
	margin-top:13px;


	
}
.news_itself
{
	
	 opacity: 1;
     -moz-opacity:1;
     filter: alpha(opacity=100);

}
.news_itself p
{
	
	 opacity: 1;
	 color:#ffac2b;
     -moz-opacity:1;
     filter: alpha(opacity=100);
	 font-size:11px;
	 text-align:justify;
	 padding-left:7px;
	 padding-right:5px;
	 font-family:Tahoma, Geneva, sans-serif;
	
	 

}
.news_itself p a
{ 
	
	 opacity: 1;
	 color:#b72510;
     -moz-opacity:1;
     filter: alpha(opacity=100);
	 font-size:11px;
	 text-align:right;
	 font-family:Tahoma, Geneva, sans-serif;
	 font-family: 'HelveticaNeueLTW20';
	 line-height:22px;

}
.newdetails
{
	height:96px;
	margin-top:4px;
			 opacity: 1  !important;;
     -moz-opacity:1  !important;;
     filter: alpha(opacity=100) !important;;
	
}
.newdetails  p
{
	
	color:#4f4b4b;
	
}
.info
{
	float:right;
	height:96px;
	width:187px;
			 opacity: 1  !important;;
     -moz-opacity:1  !important;;
     filter: alpha(opacity=100) !important;;
}
.info p
{
	color:#fff;
	line-height:16px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
}
.image_container
{
	float:left;
	height:96px;
	width:126px;
	 opacity: 1  !important;;
     -moz-opacity:1  !important;;
     filter: alpha(opacity=100) !important;;

}
.image_container img
{
	 opacity: 1  !important;;
     -moz-opacity:1  !important;;
     filter: alpha(opacity=100) !important;;

}
.control_links
{
	height:25px;
	
}
.control_links a
{
	float:left;
	display:block;
	margin-top:5px;
	margin-left:4px;

	
	
}
.control_links a.back
{
	
	display:block;
	background-image:url(../images/prev-next.png);
	width:19px;
	height:19px;
	background-position:0px 0px;
	
}
.control_links a.next
{
	height:19px;	
	display:block;
	width:19px;
	background-position:-22px 0px;
	background-image:url(../images/prev-next.png);
	
}
.newheadinfor
{
	height:22px;
	width:317px;
}
.categ
{
	float:right;
	width:157px;
	height:22px;
}
.categ p
{
	color:#ef872a;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
}
.categ p span
{ 
	color:#fff;
	padding-right:5px;
	font-size:11px;
	font-weight:normal;
	color:#fff;
	font-weight:bold;

}
.date
{
	float:left;
	width:160px;
	height:22px;
}
.date p
{
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	padding-left:10px;
	font-size:11px;
	font-weight:bold;

}
.flimage
{
	float:right;
	width:87px;
	height:61px;
	display:block;
	margin-left:6px;
	border:1px solid #fff;
}



/* Sizes */
.live-tile,
.list-tile,
.copy-tile,
.tile-strip .flip-list > li {
  height: 150px;
  margin: 5px;
  outline: 1px solid transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  width: 150px;
}
.live-tile.half-tile,
.list-tile.half-tile,
.copy-tile.half-tile,
.tile-strip .flip-list > li.half-tile {
  height: 70px;
  width: 70px;
}
.live-tile.half-wide,
.list-tile.half-wide,
.copy-tile.half-wide,
.tile-strip .flip-list > li.half-wide {
  width: 70px;
}
.live-tile.two-wide,
.list-tile.two-wide,
.copy-tile.two-wide,
.tile-strip .flip-list > li.two-wide {
  width: 310px;
}
.live-tile.three-wide,
.list-tile.three-wide,
.copy-tile.three-wide,
.tile-strip .flip-list > li.three-wide {
  width: 470px;
}
.live-tile.four-wide,
.list-tile.four-wide,
.copy-tile.four-wide,
.tile-strip .flip-list > li.four-wide {
  width: 630px;
}
.live-tile.five-wide,
.list-tile.five-wide,
.copy-tile.five-wide,
.tile-strip .flip-list > li.five-wide {
  width: 790px;
}
.live-tile.six-wide,
.list-tile.six-wide,
.copy-tile.six-wide,
.tile-strip .flip-list > li.six-wide {
  width: 950px;
}
.live-tile.seven-wide,
.list-tile.seven-wide,
.copy-tile.seven-wide,
.tile-strip .flip-list > li.seven-wide {
  width: 1110px;
}
.live-tile.eight-wide,
.list-tile.eight-wide,
.copy-tile.eight-wide,
.tile-strip .flip-list > li.eight-wide {
  width: 1270px;
}
.live-tile.nine-wide,
.list-tile.nine-wide,
.copy-tile.nine-wide,
.tile-strip .flip-list > li.nine-wide {
  width: 1430px;
}
.live-tile.ten-wide,
.list-tile.ten-wide,
.copy-tile.ten-wide,
.tile-strip .flip-list > li.ten-wide {
  width: 1590px;
}
.live-tile.half-tall,
.list-tile.half-tall,
.copy-tile.half-tall,
.tile-strip .flip-list > li.half-tall {
  height: 70px;
}
.live-tile.two-tall,
.list-tile.two-tall,
.copy-tile.two-tall,
.tile-strip .flip-list > li.two-tall {
  height: 310px;
}
.live-tile.three-tall,
.list-tile.three-tall,
.copy-tile.three-tall,
.tile-strip .flip-list > li.three-tall {
  height: 470px;
}
.live-tile.four-tall,
.list-tile.four-tall,
.copy-tile.four-tall,
.tile-strip .flip-list > li.four-tall {
  height: 630px;
}
.live-tile.five-tall,
.list-tile.five-tall,
.copy-tile.five-tall,
.tile-strip .flip-list > li.five-tall {
  height: 790px;
}
.live-tile.six-tall,
.list-tile.six-tall,
.copy-tile.six-tall,
.tile-strip .flip-list > li.six-tall {
  height: 950px;
}
.live-tile.seven-tall,
.list-tile.seven-tall,
.copy-tile.seven-tall,
.tile-strip .flip-list > li.seven-tall {
  height: 1110px;
}
.live-tile.eight-tall,
.list-tile.eight-tall,
.copy-tile.eight-tall,
.tile-strip .flip-list > li.eight-tall {
  height: 1270px;
}
.live-tile.nine-tall,
.list-tile.nine-tall,
.copy-tile.nine-tall,
.tile-strip .flip-list > li.nine-tall {
  height: 1430px;
}
.live-tile.ten-tall,
.list-tile.ten-tall,
.copy-tile.ten-tall,
.tile-strip .flip-list > li.ten-tall {
  height: 1590px;
}
/* End Sizes */
/* flip-list tile grid sprite styles */
.live-tile > .flip-list,
.list-tile > .flip-list {
  height: 100%;
  width: 100%;
}
.flip-list > li {
  height: 50px;
  margin: 0px;
  padding: 0px;
  width: 50px;
}
.flip-list.fourTiles > li {
  border: none;
  padding: 0;
  margin: 0;
  height: 50%;
  width: 50%;
}
.flip-list.nineTiles > li {
  height: 33%;
  width: 33%;
  border: none;
  padding: 0;
  margin: 0;
}
.flip-list.fourTiles > li > div,
.flip-list.fourTiles > li > div > a,
.flip-list.fourTiles > li > div > img,
.flip-list.nineTiles > li > div,
.flip-list.nineTiles > li > div > a,
.flip-list.nineTiles > li > div > img {
  border: none;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
/* fourTile background positions */
.fourTiles .fourTiles1 img,
.fourTiles img.fourTiles1,
.fourTiles .fourTiles1 a,
.fourTiles .tile-1 img,
.fourTiles .tile-1 a {
  background-position: 0px 0px;
}
.fourTiles .fourTiles2 img,
.fourTiles img.fourTiles2,
.fourTiles .fourTiles2 a,
.fourTiles .tile-2 img,
.fourTiles .tile-2 a {
  background-position: -75px 0px;
}
.fourTiles .fourTiles3 img,
.fourTiles img.fourTiles3,
.fourTiles .fourTiles3 a,
.fourTiles .tile-3 img,
.fourTiles .tile-3 a {
  background-position: 0px -75px;
}
.fourTiles .fourTiles4 img,
.fourTiles img.fourTiles4,
.fourTiles .fourTiles4 a,
.fourTiles .tile-4 img,
.fourTiles .tile-4 a {
  background-position: -75px -75px;
}
/* nineTile background positions */
.nineTiles .nineTiles1 img,
.nineTiles img.nineTiles1,
.nineTiles .nineTiles1 a,
.nineTiles .tile-1 img,
.nineTiles .tile-1 a {
  background-position: 0px 0px;
}
.nineTiles .nineTiles2 img,
.nineTiles img.nineTiles2,
.nineTiles .nineTiles2 a,
.nineTiles .tile-2 img,
.nineTiles .tile-2 a {
  background-position: -50px 0px;
}
.nineTiles .nineTiles3 img,
.nineTiles img.nineTiles3,
.nineTiles .nineTiles3 a,
.nineTiles .tile-3 img,
.nineTiles .tile-3 a {
  background-position: -100px 0px;
}
.nineTiles .nineTiles4 img,
.nineTiles img.nineTiles4,
.nineTiles .nineTiles4 a,
.nineTiles .tile-4 img,
.nineTiles .tile-4 a {
  background-position: 0px -50px;
}
.nineTiles .nineTiles5 img,
.nineTiles img.nineTiles5,
.nineTiles .nineTiles5 a,
.nineTiles .tile-5 img,
.nineTiles .tile-5 a {
  background-position: -50px -50px;
}
.nineTiles .nineTiles6 img,
.nineTiles img.nineTiles6,
.nineTiles .nineTiles6 a,
.nineTiles .tile-6 img,
.nineTiles .tile-6 a {
  background-position: -100px -50px;
}
.nineTiles .nineTiles7 img,
.nineTiles img.nineTiles7,
.nineTiles .nineTiles7 a,
.nineTiles .tile-7 img,
.nineTiles .tile-7 a {
  background-position: 0px -100px;
}
.nineTiles .nineTiles8 img,
.nineTiles img.nineTiles8,
.nineTiles .nineTiles8 a,
.nineTiles .tile-8 img,
.nineTiles .tile-8 a {
  background-position: -50px -100px;
}
.nineTiles .nineTiles9 img,
.nineTiles img.nineTiles9,
.nineTiles .nineTiles9 a,
.nineTiles .tile-9 img,
.nineTiles .tile-9 a {
  background-position: -100px -100px;
}
.tile-group,
.tile-strip {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 20;
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -ms-perspective: 800px;
  perspective: 800px;
}
.tile-group.one-tile,
.tile-strip.one-tile {
  height: 160px;
  width: 160px;
}
.tile-group.half-wide,
.tile-strip.half-wide {
  width: 80px;
}
.tile-group.one-wide,
.tile-strip.one-wide {
  width: 160px;
}
.tile-group.two-wide,
.tile-strip.two-wide {
  width: 320px;
}
.tile-group.three-wide,
.tile-strip.three-wide {
  width: 480px;
}
.tile-group.four-wide,
.tile-strip.four-wide {
  width: 640px;
}
.tile-group.five-wide,
.tile-strip.five-wide {
  width: 800px;
}
.tile-group.six-wide,
.tile-strip.six-wide {
  width: 960px;
}
.tile-group.seven-wide,
.tile-strip.seven-wide {
  width: 1120px;
}
.tile-group.eight-wide,
.tile-strip.eight-wide {
  width: 1280px;
}
.tile-group.nine-wide,
.tile-strip.nine-wide {
  width: 1440px;
}
.tile-group.ten-wide,
.tile-strip.ten-wide {
  width: 1600px;
}
.tile-group.half-tall,
.tile-strip.half-tall {
  height: 80px;
}
.tile-group.one-tall,
.tile-strip.one-tall {
  height: 160px;
}
.tile-group.two-tall,
.tile-strip.two-tall {
  height: 320px;
}
.tile-group.three-tall,
.tile-strip.three-tall {
  height: 480px;
}
.tile-group.four-tall,
.tile-strip.four-tall {
  height: 640px;
}
.tile-group.five-tall,
.tile-strip.five-tall {
  height: 800px;
}
.tile-group.six-tall,
.tile-strip.six-tall {
  height: 960px;
}
.tile-group.seven-tall,
.tile-strip.seven-tall {
  height: 1120px;
}
.tile-group.eight-tall,
.tile-strip.eight-tall {
  height: 1280px;
}
.tile-group.nine-tall,
.tile-strip.nine-tall {
  height: 1440px;
}
.tile-group.ten-tall,
.tile-strip.ten-tall {
  height: 1600px;
}

/* liveTile styles */
.tile-strip,
.live-tile,
.list-tile,
.copy-tile,
.slide {
  float: left;
}
.live-tile,
.list-tile,
.copy-tile {
  color: #fff;
  overflow: hidden;
  position: relative;
  z-index: 20;
}
.live-tile p,
.list-tile p,
.copy-tile p,
.live-tile .face,
.list-tile .face,
.copy-tile .face {
  display: block;
  font-size: 1em;
  line-height: 1.2em;
  margin: 0;
}
.live-tile .face,
.list-tile .face,
.copy-tile .face {
  padding: 0px;
}
.live-tile p,
.list-tile p,
.copy-tile p {
  padding: 10px;
}
.live-tile.half-tile p,
.list-tile.half-tile p,
.copy-tile.half-tile p {
  padding: 5px;
}
.live-tile .face.full,
.list-tile .face.full,
.copy-tile .face.full {
  height: 100%;
  width: 100%;
}
.live-tile img,
.list-tile img,
.copy-tile img {
  border: none;
}
.live-tile .tile-title,
.list-tile .tile-title,
.copy-tile .tile-title {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 0px;
  font-size: 12px;
  left: 0px;
  text-decoration: none;
  width: 100%;
  z-index: 30;
}
.live-tile a,
.list-tile a,
.copy-tile a {
  color: #fff;
}
.live-tile a.tile-title:link,
.list-tile a.tile-title:link,
.copy-tile a.tile-title:link,
.live-tile a.tile-title:visited,
.list-tile a.tile-title:visited,
.copy-tile a.tile-title:visited,
.live-tile a.tile-title:hover,
.list-tile a.tile-title:hover,
.copy-tile a.tile-title:hover,
.live-tile a.tile-title,
.list-tile a.tile-title,
.copy-tile a.tile-title {
  text-decoration: none;
}
.live-tile a:link,
.list-tile a:link,
.copy-tile a:link,
.live-tile a:visited,
.list-tile a:visited,
.copy-tile a:visited {
  color: #fff;
  text-decoration: underline;
}
.live-tile a:hover,
.list-tile a:hover,
.copy-tile a:hover {
  color: #fff;
  text-decoration: none;
}
.light .copy-tile {
  color: #000;
}
.light .copy-tile.accent {
  color: #fff;
}
.light .copy-tile.accent a,
.light .copy-tile.accent a:link,
.light .copy-tile.accent a:visited,
.light .copy-tile.accent a:hover {
  color: #fff;
}
.light .copy-tile a,
.light .copy-tile a:link,
.light .copy-tile a:visited,
.light .copy-tile a:hover {
  color: #000;
}
.light .copy-tile .face,
.light .copy-tile .accent {
  color: #fff;
}
.light .copy-tile .face a,
.light .copy-tile .accent a,
.light .copy-tile .face a:link,
.light .copy-tile .accent a:link,
.light .copy-tile .face a:visited,
.light .copy-tile .accent a:visited,
.light .copy-tile .face a:hover,
.light .copy-tile .accent a:hover {
  color: #fff;
}
.copy-tile p {
  padding: 5px 5px 0px 5px;
  font-size: .95em;
}
.noselect > div,
.noselect > .slide,
.noselect > .slide-front,
.noselect > .slide-back,
.noselect > .fade-front,
.noselect > .fade-back,
.noselect > .flip-front,
.noselect > .flip-back {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.live-tile > div,
.list-tile > div,
.live-tile > .slide,
.carousel > .slide,
.live-tile > .slide-front,
.live-tile > .slide-back,
.live-tile > .fade-front,
.live-tile > .fade-back,
.live-tile > .flip-front,
.live-tile > .flip-back {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 0px;
  left: 0px;
  margin: 0px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 20;
}
.list-tile > div {
  position: relative;
  background-color: transparent;
}
.live-tile .align-mid {
  display: inline-block;
  position: absolute;
  left: 50%;
  max-height: 100%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.live-tile .align-mid-x {
  display: inline-block;
  left: 50%;
  max-width: 100%;
  position: absolute;
  -moz-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  -o-transform: translate(-50%, 0px);
  -webkit-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}
.live-tile .align-mid-y {
  display: inline-block;
  max-height: 100%;
  position: absolute;
  top: 50%;
  -moz-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  -o-transform: translate(0px, -50%);
  -webkit-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}
img.full,
a.full,
.live-tile .full,
.list-tile .full {
  display: block;
  margin: 0px;
  height: 100%;
  text-decoration: none;
  width: 100%;
}
img.full-w,
a.full-w,
.live-tile .full-w,
.list-tile .full-w {
  display: block;
  margin: 0px;
  text-decoration: none;
  width: 100%;
}
img.full-h,
a.full-h,
.live-tile .full-h,
.list-tile .full-h {
  display: block;
  margin: 0px;
  height: 100%;
}
.live-tile > .back,
.live-tile > .slide-back,
.live-tile > .fade-back,
.live-tile > .flip-back,
.flip-list .flip-back {
  position: absolute;
  z-index: 10;
}
/*  ========== flip-list Styles ==========
	.flip-list
	---li
	------div.flip-front
	------div.flip-back
*/
.flip-list {
  padding: 0px;
  margin: 0px;
}
.list-tile .flip-list {
  height: 100%;
  width: 100%;
}
.flip-list > li > a {
  border: none;
  outline: none;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
}
.flip-list > li img {
  border: none;
  outline: none;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.flip-list > li {
  float: left;
  list-style-type: none;
  outline: none;
  position: relative;
}
.flip-list > li > div {
  border: none;
  background: white;
  height: 100%;
  left: 0px;
  margin: 0px;
  overflow: hidden;
  position: absolute;
  padding: 0px;
  top: 0px;
  width: 100%;
  z-index: 20;
}
.flip-list > li > div.flip-back {
  height: 0px;
}
/* ------ Hardware Accelerated Tiles --------*/
/* flip */
.live-tile.flip.ha,
.flip-list.ha {
  position: relative;
  overflow: hidden;
}
.live-tile.flip .ha.flip-front,
.flip-list .ha.flip-front,
.live-tile.flip .ha.flip-back,
.flip-list .ha.flip-back {
  position: absolute;
  z-index: 20;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-list > li > .ha.flip-back,
.flip-list > li > .ha.flip-back img {
  /* override the values set for margin and ensure the back tile is visible  */

  margin: 0px !important;
  height: 100%;
}

.bounce {
  cursor: pointer;
  outline: 1px solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.bounce.bounce-c {
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.95, M12=0, M21=0, M22=0.95);
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}
.bounce.bounce-t {
  -webkit-transform: rotateX(20deg);
  -ms-transform: rotateX(20deg);
  -moz-transform: rotateX(20deg);
  -o-transform: rotateX(20deg);
  transform: rotateX(20deg);
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
.bounce.bounce-b {
  -webkit-transform: rotateX(-20deg);
  -ms-transform: rotateX(-20deg);
  -moz-transform: rotateX(-20deg);
  -o-transform: rotateX(-20deg);
  transform: rotateX(-20deg);
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;

  transform-origin: 50% 0%;
}
.bounce.bounce-r {
  -webkit-transform: rotateY(20deg);
  -ms-transform: rotateY(20deg);
  -moz-transform: rotateY(20deg);
  -o-transform: rotateY(20deg);
  transform: rotateY(20deg);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.bounce.bounce-l {
  -webkit-transform: rotateY(-20deg);
  -ms-transform: rotateY(-20deg);
  -moz-transform: rotateY(-20deg);
  -o-transform: rotateY(-20deg);
  transform: rotateY(-20deg);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.bounce.bounce-tl {
  -webkit-transform: rotateX(10deg) rotateY(-10deg);
  -ms-transform: rotateX(10deg) rotateY(-10deg);
  -moz-transform: rotateX(10deg) rotateY(-10deg);
  -o-transform: rotateX(10deg) rotateY(-10deg);
  transform: rotateX(10deg) rotateY(-10deg);
}
.bounce.bounce-tr {
  -webkit-transform: rotateX(10deg) rotateY(10deg);
  -ms-transform: rotateX(10deg) rotateY(10deg);
  -moz-transform: rotateX(10deg) rotateY(10deg);
  -o-transform: rotateX(10deg) rotateY(10deg);
  transform: rotateX(10deg) rotateY(10deg);
}
.bounce.bounce-bl {
  -webkit-transform: rotateX(-10deg) rotateY(-10deg);
  -ms-transform: rotateX(-10deg) rotateY(-10deg);
  -moz-transform: rotateX(-10deg) rotateY(-10deg);
  -o-transform: rotateX(-10deg) rotateY(-10deg);
  transform: rotateX(-10deg) rotateY(-10deg);
}
.bounce.bounce-br {
  -webkit-transform: rotateX(-10deg) rotateY(10deg);
  -ms-transform: rotateX(-10deg) rotateY(10deg);
  -moz-transform: rotateX(-10deg) rotateY(10deg);
  -o-transform: rotateX(-10deg) rotateY(10deg);
  transform: rotateX(-10deg) rotateY(10deg);
}

.metroBig,
.metroExtraLarge,
.face.metroBig,
.face.metroExtraLarge,
.live-tile .metroExtraLarge {
  font-size: 2em;
  line-height: 1.1em;
}
a.metroBig:link,
a.metroExtraLarge:link,
a.face.metroBig:link,
a.face.metroExtraLarge:link,
a.live-tile .metroExtraLarge:link {
  text-decoration: none;
}
.metroLarger,
.face.metroLarger,
.live-tile .metroLarger {
  font-size: 1.5em;
  line-height: 1.1em;
}
a.metroLarger:link,
a.face.metroLarger:link,
a.live-tile .metroLarger:link {
  text-decoration: none;
}
.metroLarge,
.face.metroLarge,
.live-tile .metroLarge {
  font-size: 1.2em;
  line-height: 1.1em;
}
a.metroLarge:link,
a.face.metroLarge:link,
a.live-tile .metroLarge:link {
  text-decoration: none;
}
.metroSmall,
.face.metroSmall,
.live-tile .metroSmall {
  font-size: .9em;
  line-height: 1em;
}
a.metroSmall:link,
a.face.metroSmall:link,
a.live-tile .metroSmall:link {
  text-decoration: none;
}
.metroSmaller,
.face.metroSmaller,
.live-tile .metroSmaller {
  font-size: .8em;
  line-height: 1em;
}
a.metroSmaller:link,
a.face.metroSmaller:link,
a.live-tile .metroSmaller:link {
  text-decoration: none;
}
.metroExtraSmall,
.face.metroExtraSmall,
.live-tile .metroExtraSmall {
  font-size: .7em;
  line-height: 1em;
}
a.metroExtraSmall:link,
a.face.metroExtraSmall:link,
a.live-tile .metroExtraSmall:link {
  text-decoration: none;
}
.live-tile .p-top {
  display: block;
  position: absolute;
  right: 0px;
  text-decoration: none;
}
.live-tile .p-right {
  display: block;
  position: absolute;
  right: 0px;
  text-decoration: none;
}
.live-tile .p-bottom {
  display: block;
  position: absolute;
  bottom: 0px;
  text-decoration: none;
}
.live-tile .p-left {
  display: block;
  position: absolute;
  left: 0px;
  text-decoration: none;
}
/***** Theme Definitions *****/
.light {
  background-color: #fff;
  color: #000;
}
.dark {
  background-color: #000;
  color: #fff;
}
.light.accent {
  background-color: #fff;
}
.dark.accent {
  background-color: #000;
}
.light .appbar {
  background-color: #dfdfdf;
}
.dark .appbar {
  background-color: #212021;
}
/*live tile accent colors */
.amber .accent,
.amber .accentBg,
.amber .accentBgHover:hover,
.amber .accentBgHover a:hover,
.amber .live-tile > div,
.amber .copy-tile > div,
.amber .live-tile > .face,
.amber .copy-tile > .face,
.amber .live-tile > .slide,
.amber .live-tile > .flip-back,
.amber .live-tile > .flip-front,
.amber .live-tile > .slide-back,
.amber .live-tile > .slide-front,
.amber .list-tile > div,
.amber .flip-list > li > div {
  background-color: #f1a30b;
}
.amber .accentColor,
.amber .accentHover:hover,
.amber .accentHover a:hover,
.amber .accentLink a,
.amber .accentLink a:hover,
.amber .accentLink a:visited,
.amber a.accentLink,
.amber a.accentLink:hover,
.amber a.accentLink:visited {
  color: #f1a30b;
}
.amber .accentBorder {
  border-color: #f1a30b;
}
.amber .accentBorderBottom {
  border-bottom-color: #f1a30b;
}
.amber .accentBorderLeft {
  border-left-color: #f1a30b;
}
.amber .accentBorderRight {
  border-right-color: #f1a30b;
}
.amber .accentBorderTop {
  border-top-color: #f1a30b;
}
.blue .accent,
.blue .accentBg,
.blue .accentBgHover:hover,
.blue .accentBgHover a:hover,
.blue .live-tile > div,
.blue .copy-tile > div,
.blue .live-tile > .face,
.blue .copy-tile > .face,
.blue .live-tile > .slide,
.blue .live-tile > .flip-back,
.blue .live-tile > .flip-front,
.blue .live-tile > .slide-back,
.blue .live-tile > .slide-front,
.blue .list-tile > div,
.blue .flip-list > li > div {
  background-color: #1ba1e2;
}
.blue .accentColor,
.blue .accentHover:hover,
.blue .accentHover a:hover,
.blue .accentLink a,
.blue .accentLink a:hover,
.blue .accentLink a:visited,
.blue a.accentLink,
.blue a.accentLink:hover,
.blue a.accentLink:visited {
  color: #1ba1e2;
}
.blue .accentBorder {
  border-color: #1ba1e2;
}
.blue .accentBorderBottom {
  border-bottom-color: #1ba1e2;
}
.blue .accentBorderLeft {
  border-left-color: #1ba1e2;
}
.blue .accentBorderRight {
  border-right-color: #1ba1e2;
}
.blue .accentBorderTop {
  border-top-color: #1ba1e2;
}
.brown .accent,
.brown .accentBg,
.brown .accentBgHover:hover,
.brown .accentBgHover a:hover,
.brown .live-tile > div,
.brown .copy-tile > div,
.brown .live-tile > .face,
.brown .copy-tile > .face,
.brown .live-tile > .slide,
.brown .live-tile > .flip-back,
.brown .live-tile > .flip-front,
.brown .live-tile > .slide-back,
.brown .live-tile > .slide-front,
.brown .list-tile > div,
.brown .flip-list > li > div {
  background-color: #a05000;
}
.brown .accentColor,
.brown .accentHover:hover,
.brown .accentHover a:hover,
.brown .accentLink a,
.brown .accentLink a:hover,
.brown .accentLink a:visited,
.brown a.accentLink,
.brown a.accentLink:hover,
.brown a.accentLink:visited {
  color: #a05000;
}
.brown .accentBorder {
  border-color: #a05000;
}
.brown .accentBorderBottom {
  border-bottom-color: #a05000;
}
.brown .accentBorderLeft {
  border-left-color: #a05000;
}
.brown .accentBorderRight {
  border-right-color: #a05000;
}
.brown .accentBorderTop {
  border-top-color: #a05000;
}
.cobalt .accent,
.cobalt .accentBg,
.cobalt .accentBgHover:hover,
.cobalt .accentBgHover a:hover,
.cobalt .live-tile > div,
.cobalt .copy-tile > div,
.cobalt .live-tile > .face,
.cobalt .copy-tile > .face,
.cobalt .live-tile > .slide,
.cobalt .live-tile > .flip-back,
.cobalt .live-tile > .flip-front,
.cobalt .live-tile > .slide-back,
.cobalt .live-tile > .slide-front,
.cobalt .list-tile > div,
.cobalt .flip-list > li > div {
  background-color: #0050ef;
}
.cobalt .accentColor,
.cobalt .accentHover:hover,
.cobalt .accentHover a:hover,
.cobalt .accentLink a,
.cobalt .accentLink a:hover,
.cobalt .accentLink a:visited,
.cobalt a.accentLink,
.cobalt a.accentLink:hover,
.cobalt a.accentLink:visited {
  color: #0050ef;
}
.cobalt .accentBorder {
  border-color: #0050ef;
}
.cobalt .accentBorderBottom {
  border-bottom-color: #0050ef;
}
.cobalt .accentBorderLeft {
  border-left-color: #0050ef;
}
.cobalt .accentBorderRight {
  border-right-color: #0050ef;
}
.cobalt .accentBorderTop {
  border-top-color: #0050ef;
}
.crimson .accent,
.crimson .accentBg,
.crimson .accentBgHover:hover,
.crimson .accentBgHover a:hover,
.crimson .live-tile > div,
.crimson .copy-tile > div,
.crimson .live-tile > .face,
.crimson .copy-tile > .face,
.crimson .live-tile > .slide,
.crimson .live-tile > .flip-back,
.crimson .live-tile > .flip-front,
.crimson .live-tile > .slide-back,
.crimson .live-tile > .slide-front,
.crimson .list-tile > div,
.crimson .flip-list > li > div {
  background-color: #a20025;
}
.crimson .accentColor,
.crimson .accentHover:hover,
.crimson .accentHover a:hover,
.crimson .accentLink a,
.crimson .accentLink a:hover,
.crimson .accentLink a:visited,
.crimson a.accentLink,
.crimson a.accentLink:hover,
.crimson a.accentLink:visited {
  color: #a20025;
}
.crimson .accentBorder {
  border-color: #a20025;
}
.crimson .accentBorderBottom {
  border-bottom-color: #a20025;
}
.crimson .accentBorderLeft {
  border-left-color: #a20025;
}
.crimson .accentBorderRight {
  border-right-color: #a20025;
}
.crimson .accentBorderTop {
  border-top-color: #a20025;
}
.cyan .accent,
.cyan .accentBg,
.cyan .accentBgHover:hover,
.cyan .accentBgHover a:hover,
.cyan .live-tile > div,
.cyan .copy-tile > div,
.cyan .live-tile > .face,
.cyan .copy-tile > .face,
.cyan .live-tile > .slide,
.cyan .live-tile > .flip-back,
.cyan .live-tile > .flip-front,
.cyan .live-tile > .slide-back,
.cyan .live-tile > .slide-front,
.cyan .list-tile > div,
.cyan .flip-list > li > div {
  background-color: #1ba0e1;
}
.cyan .accentColor,
.cyan .accentHover:hover,
.cyan .accentHover a:hover,
.cyan .accentLink a,
.cyan .accentLink a:hover,
.cyan .accentLink a:visited,
.cyan a.accentLink,
.cyan a.accentLink:hover,
.cyan a.accentLink:visited {
  color: #1ba0e1;
}
.cyan .accentBorder {
  border-color: #1ba0e1;
}
.cyan .accentBorderBottom {
  border-bottom-color: #1ba0e1;
}
.cyan .accentBorderLeft {
  border-left-color: #1ba0e1;
}
.cyan .accentBorderRight {
  border-right-color: #1ba0e1;
}
.cyan .accentBorderTop {
  border-top-color: #1ba0e1;
}
.emerald .accent,
.emerald .accentBg,
.emerald .accentBgHover:hover,
.emerald .accentBgHover a:hover,
.emerald .live-tile > div,
.emerald .copy-tile > div,
.emerald .live-tile > .face,
.emerald .copy-tile > .face,
.emerald .live-tile > .slide,
.emerald .live-tile > .flip-back,
.emerald .live-tile > .flip-front,
.emerald .live-tile > .slide-back,
.emerald .live-tile > .slide-front,
.emerald .list-tile > div,
.emerald .flip-list > li > div {
  background-color: #008a00;
}
.emerald .accentColor,
.emerald .accentHover:hover,
.emerald .accentHover a:hover,
.emerald .accentLink a,
.emerald .accentLink a:hover,
.emerald .accentLink a:visited,
.emerald a.accentLink,
.emerald a.accentLink:hover,
.emerald a.accentLink:visited {
  color: #008a00;
}
.emerald .accentBorder {
  border-color: #008a00;
}
.emerald .accentBorderBottom {
  border-bottom-color: #008a00;
}
.emerald .accentBorderLeft {
  border-left-color: #008a00;
}
.emerald .accentBorderRight {
  border-right-color: #008a00;
}
.emerald .accentBorderTop {
  border-top-color: #008a00;
}
.green .accent,
.green .accentBg,
.green .accentBgHover:hover,
.green .accentBgHover a:hover,
.green .live-tile > div,
.green .copy-tile > div,
.green .live-tile > .face,
.green .copy-tile > .face,
.green .live-tile > .slide,
.green .live-tile > .flip-back,
.green .live-tile > .flip-front,
.green .live-tile > .slide-back,
.green .live-tile > .slide-front,
.green .list-tile > div,
.green .flip-list > li > div {
  background-color: #339933;
}
.green .accentColor,
.green .accentHover:hover,
.green .accentHover a:hover,
.green .accentLink a,
.green .accentLink a:hover,
.green .accentLink a:visited,
.green a.accentLink,
.green a.accentLink:hover,
.green a.accentLink:visited {
  color: #339933;
}
.green .accentBorder {
  border-color: #339933;
}
.green .accentBorderBottom {
  border-bottom-color: #339933;
}
.green .accentBorderLeft {
  border-left-color: #339933;
}
.green .accentBorderRight {
  border-right-color: #339933;
}
.green .accentBorderTop {
  border-top-color: #339933;
}
.indigo .accent,
.indigo .accentBg,
.indigo .accentBgHover:hover,
.indigo .accentBgHover a:hover,
.indigo .live-tile > div,
.indigo .copy-tile > div,
.indigo .live-tile > .face,
.indigo .copy-tile > .face,
.indigo .live-tile > .slide,
.indigo .live-tile > .flip-back,
.indigo .live-tile > .flip-front,
.indigo .live-tile > .slide-back,
.indigo .live-tile > .slide-front,
.indigo .list-tile > div,
.indigo .flip-list > li > div {
  background-color: #6a00ff;
}
.indigo .accentColor,
.indigo .accentHover:hover,
.indigo .accentHover a:hover,
.indigo .accentLink a,
.indigo .accentLink a:hover,
.indigo .accentLink a:visited,
.indigo a.accentLink,
.indigo a.accentLink:hover,
.indigo a.accentLink:visited {
  color: #6a00ff;
}
.indigo .accentBorder {
  border-color: #6a00ff;
}
.indigo .accentBorderBottom {
  border-bottom-color: #6a00ff;
}
.indigo .accentBorderLeft {
  border-left-color: #6a00ff;
}
.indigo .accentBorderRight {
  border-right-color: #6a00ff;
}
.indigo .accentBorderTop {
  border-top-color: #6a00ff;
}
.lime .accent,
.lime .accentBg,
.lime .accentBgHover:hover,
.lime .accentBgHover a:hover,
.lime .live-tile > div,
.lime .copy-tile > div,
.lime .live-tile > .face,
.lime .copy-tile > .face,
.lime .live-tile > .slide,
.lime .live-tile > .flip-back,
.lime .live-tile > .flip-front,
.lime .live-tile > .slide-back,
.lime .live-tile > .slide-front,
.lime .list-tile > div,
.lime .flip-list > li > div {
  background-color: #a2c139;
}
.lime .accentColor,
.lime .accentHover:hover,
.lime .accentHover a:hover,
.lime .accentLink a,
.lime .accentLink a:hover,
.lime .accentLink a:visited,
.lime a.accentLink,
.lime a.accentLink:hover,
.lime a.accentLink:visited {
  color: #a2c139;
}
.lime .accentBorder {
  border-color: #a2c139;
}
.lime .accentBorderBottom {
  border-bottom-color: #a2c139;
}
.lime .accentBorderLeft {
  border-left-color: #a2c139;
}
.lime .accentBorderRight {
  border-right-color: #a2c139;
}
.lime .accentBorderTop {
  border-top-color: #a2c139;
}
.magenta .accent,
.magenta .accentBg,
.magenta .accentBgHover:hover,
.magenta .accentBgHover a:hover,
.magenta .live-tile > div,
.magenta .copy-tile > div,
.magenta .live-tile > .face,
.magenta .copy-tile > .face,
.magenta .live-tile > .slide,
.magenta .live-tile > .flip-back,
.magenta .live-tile > .flip-front,
.magenta .live-tile > .slide-back,
.magenta .live-tile > .slide-front,
.magenta .list-tile > div,
.magenta .flip-list > li > div {
  background-color: #d80073;
}
.magenta .accentColor,
.magenta .accentHover:hover,
.magenta .accentHover a:hover,
.magenta .accentLink a,
.magenta .accentLink a:hover,
.magenta .accentLink a:visited,
.magenta a.accentLink,
.magenta a.accentLink:hover,
.magenta a.accentLink:visited {
  color: #d80073;
}
.magenta .accentBorder {
  border-color: #d80073;
}
.magenta .accentBorderBottom {
  border-bottom-color: #d80073;
}
.magenta .accentBorderLeft {
  border-left-color: #d80073;
}
.magenta .accentBorderRight {
  border-right-color: #d80073;
}
.magenta .accentBorderTop {
  border-top-color: #d80073;
}
.mango .accent,
.mango .accentBg,
.mango .accentBgHover:hover,
.mango .accentBgHover a:hover,
.mango .live-tile > div,
.mango .copy-tile > div,
.mango .live-tile > .face,
.mango .copy-tile > .face,
.mango .live-tile > .slide,
.mango .live-tile > .flip-back,
.mango .live-tile > .flip-front,
.mango .live-tile > .slide-back,
.mango .live-tile > .slide-front,
.mango .list-tile > div,
.mango .flip-list > li > div {
  background-color: #f09609;
}
.mango .accentColor,
.mango .accentHover:hover,
.mango .accentHover a:hover,
.mango .accentLink a,
.mango .accentLink a:hover,
.mango .accentLink a:visited,
.mango a.accentLink,
.mango a.accentLink:hover,
.mango a.accentLink:visited {
  color: #f09609;
}
.mango .accentBorder {
  border-color: #f09609;
}
.mango .accentBorderBottom {
  border-bottom-color: #f09609;
}
.mango .accentBorderLeft {
  border-left-color: #f09609;
}
.mango .accentBorderRight {
  border-right-color: #f09609;
}
.mango .accentBorderTop {
  border-top-color: #f09609;
}
.mauve .accent,
.mauve .accentBg,
.mauve .accentBgHover:hover,
.mauve .accentBgHover a:hover,
.mauve .live-tile > div,
.mauve .copy-tile > div,
.mauve .live-tile > .face,
.mauve .copy-tile > .face,
.mauve .live-tile > .slide,
.mauve .live-tile > .flip-back,
.mauve .live-tile > .flip-front,
.mauve .live-tile > .slide-back,
.mauve .live-tile > .slide-front,
.mauve .list-tile > div,
.mauve .flip-list > li > div {
  background-color: #765f89;
}
.mauve .accentColor,
.mauve .accentHover:hover,
.mauve .accentHover a:hover,
.mauve .accentLink a,
.mauve .accentLink a:hover,
.mauve .accentLink a:visited,
.mauve a.accentLink,
.mauve a.accentLink:hover,
.mauve a.accentLink:visited {
  color: #765f89;
}
.mauve .accentBorder {
  border-color: #765f89;
}
.mauve .accentBorderBottom {
  border-bottom-color: #765f89;
}
.mauve .accentBorderLeft {
  border-left-color: #765f89;
}
.mauve .accentBorderRight {
  border-right-color: #765f89;
}
.mauve .accentBorderTop {
  border-top-color: #765f89;
}
.olive .accent,
.olive .accentBg,
.olive .accentBgHover:hover,
.olive .accentBgHover a:hover,
.olive .live-tile > div,
.olive .copy-tile > div,
.olive .live-tile > .face,
.olive .copy-tile > .face,
.olive .live-tile > .slide,
.olive .live-tile > .flip-back,
.olive .live-tile > .flip-front,
.olive .live-tile > .slide-back,
.olive .live-tile > .slide-front,
.olive .list-tile > div,
.olive .flip-list > li > div {
  background-color: #6d8764;
}
.olive .accentColor,
.olive .accentHover:hover,
.olive .accentHover a:hover,
.olive .accentLink a,
.olive .accentLink a:hover,
.olive .accentLink a:visited,
.olive a.accentLink,
.olive a.accentLink:hover,
.olive a.accentLink:visited {
  color: #6d8764;
}
.olive .accentBorder {
  border-color: #6d8764;
}
.olive .accentBorderBottom {
  border-bottom-color: #6d8764;
}
.olive .accentBorderLeft {
  border-left-color: #6d8764;
}
.olive .accentBorderRight {
  border-right-color: #6d8764;
}
.olive .accentBorderTop {
  border-top-color: #6d8764;
}
.orange .accent,
.orange .accentBg,
.orange .accentBgHover:hover,
.orange .accentBgHover a:hover,
.orange .live-tile > div,
.orange .copy-tile > div,
.orange .live-tile > .face,
.orange .copy-tile > .face,
.orange .live-tile > .slide,
.orange .live-tile > .flip-back,
.orange .live-tile > .flip-front,
.orange .live-tile > .slide-back,
.orange .live-tile > .slide-front,
.orange .list-tile > div,
.orange .flip-list > li > div {
  background-color: #fa6801;
}
.orange .accentColor,
.orange .accentHover:hover,
.orange .accentHover a:hover,
.orange .accentLink a,
.orange .accentLink a:hover,
.orange .accentLink a:visited,
.orange a.accentLink,
.orange a.accentLink:hover,
.orange a.accentLink:visited {
  color: #fa6801;
}
.orange .accentBorder {
  border-color: #fa6801;
}
.orange .accentBorderBottom {
  border-bottom-color: #fa6801;
}
.orange .accentBorderLeft {
  border-left-color: #fa6801;
}
.orange .accentBorderRight {
  border-right-color: #fa6801;
}
.orange .accentBorderTop {
  border-top-color: #fa6801;
}
.pink .accent,
.pink .accentBg,
.pink .accentBgHover:hover,
.pink .accentBgHover a:hover,
.pink .live-tile > div,
.pink .copy-tile > div,
.pink .live-tile > .face,
.pink .copy-tile > .face,
.pink .live-tile > .slide,
.pink .live-tile > .flip-back,
.pink .live-tile > .flip-front,
.pink .live-tile > .slide-back,
.pink .live-tile > .slide-front,
.pink .list-tile > div,
.pink .flip-list > li > div {
  background-color: #e671b8;
}
.pink .accentColor,
.pink .accentHover:hover,
.pink .accentHover a:hover,
.pink .accentLink a,
.pink .accentLink a:hover,
.pink .accentLink a:visited,
.pink a.accentLink,
.pink a.accentLink:hover,
.pink a.accentLink:visited {
  color: #e671b8;
}
.pink .accentBorder {
  border-color: #e671b8;
}
.pink .accentBorderBottom {
  border-bottom-color: #e671b8;
}
.pink .accentBorderLeft {
  border-left-color: #e671b8;
}
.pink .accentBorderRight {
  border-right-color: #e671b8;
}
.pink .accentBorderTop {
  border-top-color: #e671b8;
}
.purple .accent,
.purple .accentBg,
.purple .accentBgHover:hover,
.purple .accentBgHover a:hover,
.purple .live-tile > div,
.purple .copy-tile > div,
.purple .live-tile > .face,
.purple .copy-tile > .face,
.purple .live-tile > .slide,
.purple .live-tile > .flip-back,
.purple .live-tile > .flip-front,
.purple .live-tile > .slide-back,
.purple .live-tile > .slide-front,
.purple .list-tile > div,
.purple .flip-list > li > div {
  background-color: #a200ff;
}
.purple .accentColor,
.purple .accentHover:hover,
.purple .accentHover a:hover,
.purple .accentLink a,
.purple .accentLink a:hover,
.purple .accentLink a:visited,
.purple a.accentLink,
.purple a.accentLink:hover,
.purple a.accentLink:visited {
  color: #a200ff;
}
.purple .accentBorder {
  border-color: #a200ff;
}
.purple .accentBorderBottom {
  border-bottom-color: #a200ff;
}
.purple .accentBorderLeft {
  border-left-color: #a200ff;
}
.purple .accentBorderRight {
  border-right-color: #a200ff;
}
.purple .accentBorderTop {
  border-top-color: #a200ff;
}
.violet .accent,
.violet .accentBg,
.violet .accentBgHover:hover,
.violet .accentBgHover a:hover,
.violet .live-tile > div,
.violet .copy-tile > div,
.violet .live-tile > .face,
.violet .copy-tile > .face,
.violet .live-tile > .slide,
.violet .live-tile > .flip-back,
.violet .live-tile > .flip-front,
.violet .live-tile > .slide-back,
.violet .live-tile > .slide-front,
.violet .list-tile > div,
.violet .flip-list > li > div {
  background-color: #a200ff;
}
.violet .accentColor,
.violet .accentHover:hover,
.violet .accentHover a:hover,
.violet .accentLink a,
.violet .accentLink a:hover,
.violet .accentLink a:visited,
.violet a.accentLink,
.violet a.accentLink:hover,
.violet a.accentLink:visited {
  color: #a200ff;
}
.violet .accentBorder {
  border-color: #a200ff;
}
.violet .accentBorderBottom {
  border-bottom-color: #a200ff;
}
.violet .accentBorderLeft {
  border-left-color: #a200ff;
}
.violet .accentBorderRight {
  border-right-color: #a200ff;
}
.violet .accentBorderTop {
  border-top-color: #a200ff;
}
.red .accent,
.red .accentBg,
.red .accentBgHover:hover,
.red .accentBgHover a:hover,
.red .live-tile > div,
.red .copy-tile > div,
.red .live-tile > .face,
.red .copy-tile > .face,
.red .live-tile > .slide,
.red .live-tile > .flip-back,
.red .live-tile > .flip-front,
.red .live-tile > .slide-back,
.red .live-tile > .slide-front,
.red .list-tile > div,
.red .flip-list > li > div {
  background-color: #e51400;
}
.red .accentColor,
.red .accentHover:hover,
.red .accentHover a:hover,
.red .accentLink a,
.red .accentLink a:hover,
.red .accentLink a:visited,
.red a.accentLink,
.red a.accentLink:hover,
.red a.accentLink:visited {
  color: #e51400;
}
.red .accentBorder {
  border-color: #e51400;
}
.red .accentBorderBottom {
  border-bottom-color: #e51400;
}
.red .accentBorderLeft {
  border-left-color: #e51400;
}
.red .accentBorderRight {
  border-right-color: #e51400;
}
.red .accentBorderTop {
  border-top-color: #e51400;
}
.sienna .accent,
.sienna .accentBg,
.sienna .accentBgHover:hover,
.sienna .accentBgHover a:hover,
.sienna .live-tile > div,
.sienna .copy-tile > div,
.sienna .live-tile > .face,
.sienna .copy-tile > .face,
.sienna .live-tile > .slide,
.sienna .live-tile > .flip-back,
.sienna .live-tile > .flip-front,
.sienna .live-tile > .slide-back,
.sienna .live-tile > .slide-front,
.sienna .list-tile > div,
.sienna .flip-list > li > div {
  background-color: #7b3a3e;
}
.sienna .accentColor,
.sienna .accentHover:hover,
.sienna .accentHover a:hover,
.sienna .accentLink a,
.sienna .accentLink a:hover,
.sienna .accentLink a:visited,
.sienna a.accentLink,
.sienna a.accentLink:hover,
.sienna a.accentLink:visited {
  color: #7b3a3e;
}
.sienna .accentBorder {
  border-color: #7b3a3e;
}
.sienna .accentBorderBottom {
  border-bottom-color: #7b3a3e;
}
.sienna .accentBorderLeft {
  border-left-color: #7b3a3e;
}
.sienna .accentBorderRight {
  border-right-color: #7b3a3e;
}
.sienna .accentBorderTop {
  border-top-color: #7b3a3e;
}
.steel .accent,
.steel .accentBg,
.steel .accentBgHover:hover,
.steel .accentBgHover a:hover,
.steel .live-tile > div,
.steel .copy-tile > div,
.steel .live-tile > .face,
.steel .copy-tile > .face,
.steel .live-tile > .slide,
.steel .live-tile > .flip-back,
.steel .live-tile > .flip-front,
.steel .live-tile > .slide-back,
.steel .live-tile > .slide-front,
.steel .list-tile > div,
.steel .flip-list > li > div {
  background-color: #657688;
}
.steel .accentColor,
.steel .accentHover:hover,
.steel .accentHover a:hover,
.steel .accentLink a,
.steel .accentLink a:hover,
.steel .accentLink a:visited,
.steel a.accentLink,
.steel a.accentLink:hover,
.steel a.accentLink:visited {
  color: #657688;
}
.steel .accentBorder {
  border-color: #657688;
}
.steel .accentBorderBottom {
  border-bottom-color: #657688;
}
.steel .accentBorderLeft {
  border-left-color: #657688;
}
.steel .accentBorderRight {
  border-right-color: #657688;
}
.steel .accentBorderTop {
  border-top-color: #657688;
}
.teal .accent,
.teal .accentBg,
.teal .accentBgHover:hover,
.teal .accentBgHover a:hover,
.teal .live-tile > div,
.teal .copy-tile > div,
.teal .live-tile > .face,
.teal .copy-tile > .face,
.teal .live-tile > .slide,
.teal .live-tile > .flip-back,
.teal .live-tile > .flip-front,
.teal .live-tile > .slide-back,
.teal .live-tile > .slide-front,
.teal .list-tile > div,
.teal .flip-list > li > div {
  background-color: #00aba9;
}
.teal .accentColor,
.teal .accentHover:hover,
.teal .accentHover a:hover,
.teal .accentLink a,
.teal .accentLink a:hover,
.teal .accentLink a:visited,
.teal a.accentLink,
.teal a.accentLink:hover,
.teal a.accentLink:visited {
  color: #00aba9;
}
.teal .accentBorder {
  border-color: #00aba9;
}
.teal .accentBorderBottom {
  border-bottom-color: #00aba9;
}
.teal .accentBorderLeft {
  border-left-color: #00aba9;
}
.teal .accentBorderRight {
  border-right-color: #00aba9;
}
.teal .accentBorderTop {
  border-top-color: #00aba9;
}
.yellow .accent,
.yellow .accentBg,
.yellow .accentBgHover:hover,
.yellow .accentBgHover a:hover,
.yellow .live-tile > div,
.yellow .copy-tile > div,
.yellow .live-tile > .face,
.yellow .copy-tile > .face,
.yellow .live-tile > .slide,
.yellow .live-tile > .flip-back,
.yellow .live-tile > .flip-front,
.yellow .live-tile > .slide-back,
.yellow .live-tile > .slide-front,
.yellow .list-tile > div,
.yellow .flip-list > li > div {
  background-color: #d8c101;
}
.yellow .accentColor,
.yellow .accentHover:hover,
.yellow .accentHover a:hover,
.yellow .accentLink a,
.yellow .accentLink a:hover,
.yellow .accentLink a:visited,
.yellow a.accentLink,
.yellow a.accentLink:hover,
.yellow a.accentLink:visited {
  color: #d8c101;
}
.yellow .accentBorder {
  border-color: #d8c101;
}
.yellow .accentBorderBottom {
  border-bottom-color: #d8c101;
}
.yellow .accentBorderLeft {
  border-left-color: #d8c101;
}
.yellow .accentBorderRight {
  border-right-color: #d8c101;
}
.yellow .accentBorderTop {
  border-top-color: #d8c101;
}
.trans .accent,
.trans .accentBg,
.trans .accentBgHover:hover,
.trans .accentBgHover a:hover,
.trans .live-tile > div,
.trans .copy-tile > div,
.trans .live-tile > .face,
.trans .copy-tile > .face,
.trans .live-tile > .slide,
.trans .live-tile > .flip-back,
.trans .live-tile > .flip-front,
.trans .live-tile > .slide-back,
.trans .live-tile > .slide-front,
.trans .list-tile > div,
.trans .flip-list > li > div {
  background-color: transparent;
}
.trans .accentColor,
.trans .accentHover:hover,
.trans .accentHover a:hover,
.trans .accentLink a,
.trans .accentLink a:hover,
.trans .accentLink a:visited,
.trans a.accentLink,
.trans a.accentLink:hover,
.trans a.accentLink:visited {
  color: transparent;
}
.trans .accentBorder {
  border-color: transparent;
}
.trans .accentBorderBottom {
  border-bottom-color: transparent;
}
.trans .accentBorderLeft {
  border-left-color: transparent;
}
.trans .accentBorderRight {
  border-right-color: transparent;
}
.trans .accentBorderTop {
  border-top-color: transparent;
}
.white .accent,
.white .accentBg,
.white .accentBgHover:hover,
.white .accentBgHover a:hover,
.white .live-tile > div,
.white .copy-tile > div,
.white .live-tile > .face,
.white .copy-tile > .face,
.white .live-tile > .slide,
.white .live-tile > .flip-back,
.white .live-tile > .flip-front,
.white .live-tile > .slide-back,
.white .live-tile > .slide-front,
.white .list-tile > div,
.white .flip-list > li > div {
  background-color: #ffffff;
}
.white .accentColor,
.white .accentHover:hover,
.white .accentHover a:hover,
.white .accentLink a,
.white .accentLink a:hover,
.white .accentLink a:visited,
.white a.accentLink,
.white a.accentLink:hover,
.white a.accentLink:visited {
  color: #ffffff;
}
.white .accentBorder {
  border-color: #ffffff;
}
.white .accentBorderBottom {
  border-bottom-color: #ffffff;
}
.white .accentBorderLeft {
  border-left-color: #ffffff;
}
.white .accentBorderRight {
  border-right-color: #ffffff;
}
.white .accentBorderTop {
  border-top-color: #ffffff;
}
.black .accent,
.black .accentBg,
.black .accentBgHover:hover,
.black .accentBgHover a:hover,
.black .live-tile > div,
.black .copy-tile > div,
.black .live-tile > .face,
.black .copy-tile > .face,
.black .live-tile > .slide,
.black .live-tile > .flip-back,
.black .live-tile > .flip-front,
.black .live-tile > .slide-back,
.black .live-tile > .slide-front,
.black .list-tile > div,
.black .flip-list > li > div {
  background-color: #000000;
}
.black .accentColor,
.black .accentHover:hover,
.black .accentHover a:hover,
.black .accentLink a,
.black .accentLink a:hover,
.black .accentLink a:visited,
.black a.accentLink,
.black a.accentLink:hover,
.black a.accentLink:visited {
  color: #000000;
}
.black .accentBorder {
  border-color: #000000;
}
.black .accentBorderBottom {
  border-bottom-color: #000000;
}
.black .accentBorderLeft {
  border-left-color: #000000;
}
.black .accentBorderRight {
  border-right-color: #000000;
}
.black .accentBorderTop {
  border-top-color: #000000;
}
/* Local style overrides */
html body .amber.accent,
html body .amber.live-tile > .accent,
html body .amber.list-tile > .accent,
html body .amber.copy-tile > .accent,
html body .amber.live-tile > div,
html body .amber.copy-tile > div,
html body .amber.list-tile > div,
html body .amber.live-tile > .face,
html body .amber.list-tile > .face,
html body .amber.copy-tile > .face,
html body .amber.live-tile > .slide,
html body .amber.live-tile > .flip-back,
html body .amber.live-tile > .flip-front,
html body .amber.live-tile > .slide-back,
html body .amber.live-tile > .slide-front,
html body .amber.flip-list > li > .accent,
html body .amber.flip-list > li > .flip-back,
html body .amber.flip-list > li > .flip-front,
html body .amber.slide.accent,
html body .amber.slide-front.accent,
html body .amber.slide-back.accent,
html body .amber.flip-front.accent,
html body .amber.flip-back.accent {
  background-color: #f1a30b;
}
html body .amber.accentColor,
html body .amber.accentHover:hover,
html body .amber.accentHover a:hover,
html body .amber.accentLink a,
html body .amber.accentLink a:hover,
html body .amber.accentLink a:visited,
a.accentLinkhtml body .amber,
a.accentLinkhtml body .amber:hover,
a.accentLinkhtml body .amber:visited {
  color: #f1a30b;
}
html body .amber.accentBorder {
  border-color: #f1a30b;
}
html body .amber.accentBorderBottom {
  border-bottom-color: #f1a30b;
}
html body .amber.accentBorderLeft {
  border-left-color: #f1a30b;
}
html body .amber.accentBorderRight {
  border-right-color: #f1a30b;
}
html body .amber.accentBorderTop {
  border-top-color: #f1a30b;
}
html body .blue.accent,
html body .blue.live-tile > .accent,
html body .blue.list-tile > .accent,
html body .blue.copy-tile > .accent,
html body .blue.live-tile > div,
html body .blue.copy-tile > div,
html body .blue.list-tile > div,
html body .blue.live-tile > .face,
html body .blue.list-tile > .face,
html body .blue.copy-tile > .face,
html body .blue.live-tile > .slide,
html body .blue.live-tile > .flip-back,
html body .blue.live-tile > .flip-front,
html body .blue.live-tile > .slide-back,
html body .blue.live-tile > .slide-front,
html body .blue.flip-list > li > .accent,
html body .blue.flip-list > li > .flip-back,
html body .blue.flip-list > li > .flip-front,
html body .blue.slide.accent,
html body .blue.slide-front.accent,
html body .blue.slide-back.accent,
html body .blue.flip-front.accent,
html body .blue.flip-back.accent {
  background-color: #1ba1e2;
}
html body .blue.accentColor,
html body .blue.accentHover:hover,
html body .blue.accentHover a:hover,
html body .blue.accentLink a,
html body .blue.accentLink a:hover,
html body .blue.accentLink a:visited,
a.accentLinkhtml body .blue,
a.accentLinkhtml body .blue:hover,
a.accentLinkhtml body .blue:visited {
  color: #1ba1e2;
}
html body .blue.accentBorder {
  border-color: #1ba1e2;
}
html body .blue.accentBorderBottom {
  border-bottom-color: #1ba1e2;
}
html body .blue.accentBorderLeft {
  border-left-color: #1ba1e2;
}
html body .blue.accentBorderRight {
  border-right-color: #1ba1e2;
}
html body .blue.accentBorderTop {
  border-top-color: #1ba1e2;
}
html body .brown.accent,
html body .brown.live-tile > .accent,
html body .brown.list-tile > .accent,
html body .brown.copy-tile > .accent,
html body .brown.live-tile > div,
html body .brown.copy-tile > div,
html body .brown.list-tile > div,
html body .brown.live-tile > .face,
html body .brown.list-tile > .face,
html body .brown.copy-tile > .face,
html body .brown.live-tile > .slide,
html body .brown.live-tile > .flip-back,
html body .brown.live-tile > .flip-front,
html body .brown.live-tile > .slide-back,
html body .brown.live-tile > .slide-front,
html body .brown.flip-list > li > .accent,
html body .brown.flip-list > li > .flip-back,
html body .brown.flip-list > li > .flip-front,
html body .brown.slide.accent,
html body .brown.slide-front.accent,
html body .brown.slide-back.accent,
html body .brown.flip-front.accent,
html body .brown.flip-back.accent {
  background-color: #a05000;
}
html body .brown.accentColor,
html body .brown.accentHover:hover,
html body .brown.accentHover a:hover,
html body .brown.accentLink a,
html body .brown.accentLink a:hover,
html body .brown.accentLink a:visited,
a.accentLinkhtml body .brown,
a.accentLinkhtml body .brown:hover,
a.accentLinkhtml body .brown:visited {
  color: #a05000;
}
html body .brown.accentBorder {
  border-color: #a05000;
}
html body .brown.accentBorderBottom {
  border-bottom-color: #a05000;
}
html body .brown.accentBorderLeft {
  border-left-color: #a05000;
}
html body .brown.accentBorderRight {
  border-right-color: #a05000;
}
html body .brown.accentBorderTop {
  border-top-color: #a05000;
}
html body .cobalt.accent,
html body .cobalt.live-tile > .accent,
html body .cobalt.list-tile > .accent,
html body .cobalt.copy-tile > .accent,
html body .cobalt.live-tile > div,
html body .cobalt.copy-tile > div,
html body .cobalt.list-tile > div,
html body .cobalt.live-tile > .face,
html body .cobalt.list-tile > .face,
html body .cobalt.copy-tile > .face,
html body .cobalt.live-tile > .slide,
html body .cobalt.live-tile > .flip-back,
html body .cobalt.live-tile > .flip-front,
html body .cobalt.live-tile > .slide-back,
html body .cobalt.live-tile > .slide-front,
html body .cobalt.flip-list > li > .accent,
html body .cobalt.flip-list > li > .flip-back,
html body .cobalt.flip-list > li > .flip-front,
html body .cobalt.slide.accent,
html body .cobalt.slide-front.accent,
html body .cobalt.slide-back.accent,
html body .cobalt.flip-front.accent,
html body .cobalt.flip-back.accent {
  background-color: #0050ef;
}
html body .cobalt.accentColor,
html body .cobalt.accentHover:hover,
html body .cobalt.accentHover a:hover,
html body .cobalt.accentLink a,
html body .cobalt.accentLink a:hover,
html body .cobalt.accentLink a:visited,
a.accentLinkhtml body .cobalt,
a.accentLinkhtml body .cobalt:hover,
a.accentLinkhtml body .cobalt:visited {
  color: #0050ef;
}
html body .cobalt.accentBorder {
  border-color: #0050ef;
}
html body .cobalt.accentBorderBottom {
  border-bottom-color: #0050ef;
}
html body .cobalt.accentBorderLeft {
  border-left-color: #0050ef;
}
html body .cobalt.accentBorderRight {
  border-right-color: #0050ef;
}
html body .cobalt.accentBorderTop {
  border-top-color: #0050ef;
}
html body .crimson.accent,
html body .crimson.live-tile > .accent,
html body .crimson.list-tile > .accent,
html body .crimson.copy-tile > .accent,
html body .crimson.live-tile > div,
html body .crimson.copy-tile > div,
html body .crimson.list-tile > div,
html body .crimson.live-tile > .face,
html body .crimson.list-tile > .face,
html body .crimson.copy-tile > .face,
html body .crimson.live-tile > .slide,
html body .crimson.live-tile > .flip-back,
html body .crimson.live-tile > .flip-front,
html body .crimson.live-tile > .slide-back,
html body .crimson.live-tile > .slide-front,
html body .crimson.flip-list > li > .accent,
html body .crimson.flip-list > li > .flip-back,
html body .crimson.flip-list > li > .flip-front,
html body .crimson.slide.accent,
html body .crimson.slide-front.accent,
html body .crimson.slide-back.accent,
html body .crimson.flip-front.accent,
html body .crimson.flip-back.accent {
  background-color: #a20025;
}
html body .crimson.accentColor,
html body .crimson.accentHover:hover,
html body .crimson.accentHover a:hover,
html body .crimson.accentLink a,
html body .crimson.accentLink a:hover,
html body .crimson.accentLink a:visited,
a.accentLinkhtml body .crimson,
a.accentLinkhtml body .crimson:hover,
a.accentLinkhtml body .crimson:visited {
  color: #a20025;
}
html body .crimson.accentBorder {
  border-color: #a20025;
}
html body .crimson.accentBorderBottom {
  border-bottom-color: #a20025;
}
html body .crimson.accentBorderLeft {
  border-left-color: #a20025;
}
html body .crimson.accentBorderRight {
  border-right-color: #a20025;
}
html body .crimson.accentBorderTop {
  border-top-color: #a20025;
}
html body .cyan.accent,
html body .cyan.live-tile > .accent,
html body .cyan.list-tile > .accent,
html body .cyan.copy-tile > .accent,
html body .cyan.live-tile > div,
html body .cyan.copy-tile > div,
html body .cyan.list-tile > div,
html body .cyan.live-tile > .face,
html body .cyan.list-tile > .face,
html body .cyan.copy-tile > .face,
html body .cyan.live-tile > .slide,
html body .cyan.live-tile > .flip-back,
html body .cyan.live-tile > .flip-front,
html body .cyan.live-tile > .slide-back,
html body .cyan.live-tile > .slide-front,
html body .cyan.flip-list > li > .accent,
html body .cyan.flip-list > li > .flip-back,
html body .cyan.flip-list > li > .flip-front,
html body .cyan.slide.accent,
html body .cyan.slide-front.accent,
html body .cyan.slide-back.accent,
html body .cyan.flip-front.accent,
html body .cyan.flip-back.accent {
  background-color: #1ba0e1;
}
html body .cyan.accentColor,
html body .cyan.accentHover:hover,
html body .cyan.accentHover a:hover,
html body .cyan.accentLink a,
html body .cyan.accentLink a:hover,
html body .cyan.accentLink a:visited,
a.accentLinkhtml body .cyan,
a.accentLinkhtml body .cyan:hover,
a.accentLinkhtml body .cyan:visited {
  color: #1ba0e1;
}
html body .cyan.accentBorder {
  border-color: #1ba0e1;
}
html body .cyan.accentBorderBottom {
  border-bottom-color: #1ba0e1;
}
html body .cyan.accentBorderLeft {
  border-left-color: #1ba0e1;
}
html body .cyan.accentBorderRight {
  border-right-color: #1ba0e1;
}
html body .cyan.accentBorderTop {
  border-top-color: #1ba0e1;
}
html body .emerald.accent,
html body .emerald.live-tile > .accent,
html body .emerald.list-tile > .accent,
html body .emerald.copy-tile > .accent,
html body .emerald.live-tile > div,
html body .emerald.copy-tile > div,
html body .emerald.list-tile > div,
html body .emerald.live-tile > .face,
html body .emerald.list-tile > .face,
html body .emerald.copy-tile > .face,
html body .emerald.live-tile > .slide,
html body .emerald.live-tile > .flip-back,
html body .emerald.live-tile > .flip-front,
html body .emerald.live-tile > .slide-back,
html body .emerald.live-tile > .slide-front,
html body .emerald.flip-list > li > .accent,
html body .emerald.flip-list > li > .flip-back,
html body .emerald.flip-list > li > .flip-front,
html body .emerald.slide.accent,
html body .emerald.slide-front.accent,
html body .emerald.slide-back.accent,
html body .emerald.flip-front.accent,
html body .emerald.flip-back.accent {
  background-color: #008a00;
}
html body .emerald.accentColor,
html body .emerald.accentHover:hover,
html body .emerald.accentHover a:hover,
html body .emerald.accentLink a,
html body .emerald.accentLink a:hover,
html body .emerald.accentLink a:visited,
a.accentLinkhtml body .emerald,
a.accentLinkhtml body .emerald:hover,
a.accentLinkhtml body .emerald:visited {
  color: #008a00;
}
html body .emerald.accentBorder {
  border-color: #008a00;
}
html body .emerald.accentBorderBottom {
  border-bottom-color: #008a00;
}
html body .emerald.accentBorderLeft {
  border-left-color: #008a00;
}
html body .emerald.accentBorderRight {
  border-right-color: #008a00;
}
html body .emerald.accentBorderTop {
  border-top-color: #008a00;
}
html body .green.accent,
html body .green.live-tile > .accent,
html body .green.list-tile > .accent,
html body .green.copy-tile > .accent,
html body .green.live-tile > div,
html body .green.copy-tile > div,
html body .green.list-tile > div,
html body .green.live-tile > .face,
html body .green.list-tile > .face,
html body .green.copy-tile > .face,
html body .green.live-tile > .slide,
html body .green.live-tile > .flip-back,
html body .green.live-tile > .flip-front,
html body .green.live-tile > .slide-back,
html body .green.live-tile > .slide-front,
html body .green.flip-list > li > .accent,
html body .green.flip-list > li > .flip-back,
html body .green.flip-list > li > .flip-front,
html body .green.slide.accent,
html body .green.slide-front.accent,
html body .green.slide-back.accent,
html body .green.flip-front.accent,
html body .green.flip-back.accent {
  background-color: #339933;
}
html body .green.accentColor,
html body .green.accentHover:hover,
html body .green.accentHover a:hover,
html body .green.accentLink a,
html body .green.accentLink a:hover,
html body .green.accentLink a:visited,
a.accentLinkhtml body .green,
a.accentLinkhtml body .green:hover,
a.accentLinkhtml body .green:visited {
  color: #339933;
}
html body .green.accentBorder {
  border-color: #339933;
}
html body .green.accentBorderBottom {
  border-bottom-color: #339933;
}
html body .green.accentBorderLeft {
  border-left-color: #339933;
}
html body .green.accentBorderRight {
  border-right-color: #339933;
}
html body .green.accentBorderTop {
  border-top-color: #339933;
}
html body .indigo.accent,
html body .indigo.live-tile > .accent,
html body .indigo.list-tile > .accent,
html body .indigo.copy-tile > .accent,
html body .indigo.live-tile > div,
html body .indigo.copy-tile > div,
html body .indigo.list-tile > div,
html body .indigo.live-tile > .face,
html body .indigo.list-tile > .face,
html body .indigo.copy-tile > .face,
html body .indigo.live-tile > .slide,
html body .indigo.live-tile > .flip-back,
html body .indigo.live-tile > .flip-front,
html body .indigo.live-tile > .slide-back,
html body .indigo.live-tile > .slide-front,
html body .indigo.flip-list > li > .accent,
html body .indigo.flip-list > li > .flip-back,
html body .indigo.flip-list > li > .flip-front,
html body .indigo.slide.accent,
html body .indigo.slide-front.accent,
html body .indigo.slide-back.accent,
html body .indigo.flip-front.accent,
html body .indigo.flip-back.accent {
  background-color: #6a00ff;
}
html body .indigo.accentColor,
html body .indigo.accentHover:hover,
html body .indigo.accentHover a:hover,
html body .indigo.accentLink a,
html body .indigo.accentLink a:hover,
html body .indigo.accentLink a:visited,
a.accentLinkhtml body .indigo,
a.accentLinkhtml body .indigo:hover,
a.accentLinkhtml body .indigo:visited {
  color: #6a00ff;
}
html body .indigo.accentBorder {
  border-color: #6a00ff;
}
html body .indigo.accentBorderBottom {
  border-bottom-color: #6a00ff;
}
html body .indigo.accentBorderLeft {
  border-left-color: #6a00ff;
}
html body .indigo.accentBorderRight {
  border-right-color: #6a00ff;
}
html body .indigo.accentBorderTop {
  border-top-color: #6a00ff;
}
html body .lime.accent,
html body .lime.live-tile > .accent,
html body .lime.list-tile > .accent,
html body .lime.copy-tile > .accent,
html body .lime.live-tile > div,
html body .lime.copy-tile > div,
html body .lime.list-tile > div,
html body .lime.live-tile > .face,
html body .lime.list-tile > .face,
html body .lime.copy-tile > .face,
html body .lime.live-tile > .slide,
html body .lime.live-tile > .flip-back,
html body .lime.live-tile > .flip-front,
html body .lime.live-tile > .slide-back,
html body .lime.live-tile > .slide-front,
html body .lime.flip-list > li > .accent,
html body .lime.flip-list > li > .flip-back,
html body .lime.flip-list > li > .flip-front,
html body .lime.slide.accent,
html body .lime.slide-front.accent,
html body .lime.slide-back.accent,
html body .lime.flip-front.accent,
html body .lime.flip-back.accent {
  background-color: #a2c139;
}
html body .lime.accentColor,
html body .lime.accentHover:hover,
html body .lime.accentHover a:hover,
html body .lime.accentLink a,
html body .lime.accentLink a:hover,
html body .lime.accentLink a:visited,
a.accentLinkhtml body .lime,
a.accentLinkhtml body .lime:hover,
a.accentLinkhtml body .lime:visited {
  color: #a2c139;
}
html body .lime.accentBorder {
  border-color: #a2c139;
}
html body .lime.accentBorderBottom {
  border-bottom-color: #a2c139;
}
html body .lime.accentBorderLeft {
  border-left-color: #a2c139;
}
html body .lime.accentBorderRight {
  border-right-color: #a2c139;
}
html body .lime.accentBorderTop {
  border-top-color: #a2c139;
}
html body .magenta.accent,
html body .magenta.live-tile > .accent,
html body .magenta.list-tile > .accent,
html body .magenta.copy-tile > .accent,
html body .magenta.live-tile > div,
html body .magenta.copy-tile > div,
html body .magenta.list-tile > div,
html body .magenta.live-tile > .face,
html body .magenta.list-tile > .face,
html body .magenta.copy-tile > .face,
html body .magenta.live-tile > .slide,
html body .magenta.live-tile > .flip-back,
html body .magenta.live-tile > .flip-front,
html body .magenta.live-tile > .slide-back,
html body .magenta.live-tile > .slide-front,
html body .magenta.flip-list > li > .accent,
html body .magenta.flip-list > li > .flip-back,
html body .magenta.flip-list > li > .flip-front,
html body .magenta.slide.accent,
html body .magenta.slide-front.accent,
html body .magenta.slide-back.accent,
html body .magenta.flip-front.accent,
html body .magenta.flip-back.accent {
  background-color: #d80073;
}
html body .magenta.accentColor,
html body .magenta.accentHover:hover,
html body .magenta.accentHover a:hover,
html body .magenta.accentLink a,
html body .magenta.accentLink a:hover,
html body .magenta.accentLink a:visited,
a.accentLinkhtml body .magenta,
a.accentLinkhtml body .magenta:hover,
a.accentLinkhtml body .magenta:visited {
  color: #d80073;
}
html body .magenta.accentBorder {
  border-color: #d80073;
}
html body .magenta.accentBorderBottom {
  border-bottom-color: #d80073;
}
html body .magenta.accentBorderLeft {
  border-left-color: #d80073;
}
html body .magenta.accentBorderRight {
  border-right-color: #d80073;
}
html body .magenta.accentBorderTop {
  border-top-color: #d80073;

}
html body .mango.accent,
html body .mango.live-tile > .accent,
html body .mango.list-tile > .accent,
html body .mango.copy-tile > .accent,
html body .mango.live-tile > div,
html body .mango.copy-tile > div,
html body .mango.list-tile > div,
html body .mango.live-tile > .face,
html body .mango.list-tile > .face,
html body .mango.copy-tile > .face,
html body .mango.live-tile > .slide,
html body .mango.live-tile > .flip-back,
html body .mango.live-tile > .flip-front,
html body .mango.live-tile > .slide-back,
html body .mango.live-tile > .slide-front,
html body .mango.flip-list > li > .accent,
html body .mango.flip-list > li > .flip-back,
html body .mango.flip-list > li > .flip-front,
html body .mango.slide.accent,
html body .mango.slide-front.accent,
html body .mango.slide-back.accent,
html body .mango.flip-front.accent,
html body .mango.flip-back.accent {
  background-color: #f09609;
}
html body .mango.accentColor,
html body .mango.accentHover:hover,
html body .mango.accentHover a:hover,
html body .mango.accentLink a,
html body .mango.accentLink a:hover,
html body .mango.accentLink a:visited,
a.accentLinkhtml body .mango,
a.accentLinkhtml body .mango:hover,
a.accentLinkhtml body .mango:visited {
  color: #f09609;
}
html body .mango.accentBorder {
  border-color: #f09609;
}
html body .mango.accentBorderBottom {
  border-bottom-color: #f09609;
}
html body .mango.accentBorderLeft {
  border-left-color: #f09609;
}
html body .mango.accentBorderRight {
  border-right-color: #f09609;
}
html body .mango.accentBorderTop {
  border-top-color: #f09609;
}
html body .mauve.accent,
html body .mauve.live-tile > .accent,
html body .mauve.list-tile > .accent,
html body .mauve.copy-tile > .accent,
html body .mauve.live-tile > div,
html body .mauve.copy-tile > div,
html body .mauve.list-tile > div,
html body .mauve.live-tile > .face,
html body .mauve.list-tile > .face,
html body .mauve.copy-tile > .face,
html body .mauve.live-tile > .slide,
html body .mauve.live-tile > .flip-back,
html body .mauve.live-tile > .flip-front,
html body .mauve.live-tile > .slide-back,
html body .mauve.live-tile > .slide-front,
html body .mauve.flip-list > li > .accent,
html body .mauve.flip-list > li > .flip-back,
html body .mauve.flip-list > li > .flip-front,
html body .mauve.slide.accent,
html body .mauve.slide-front.accent,
html body .mauve.slide-back.accent,
html body .mauve.flip-front.accent,
html body .mauve.flip-back.accent {
  background-color: #765f89;
}
html body .mauve.accentColor,
html body .mauve.accentHover:hover,
html body .mauve.accentHover a:hover,
html body .mauve.accentLink a,
html body .mauve.accentLink a:hover,
html body .mauve.accentLink a:visited,
a.accentLinkhtml body .mauve,
a.accentLinkhtml body .mauve:hover,
a.accentLinkhtml body .mauve:visited {
  color: #765f89;
}
html body .mauve.accentBorder {
  border-color: #765f89;
}
html body .mauve.accentBorderBottom {
  border-bottom-color: #765f89;
}
html body .mauve.accentBorderLeft {
  border-left-color: #765f89;
}
html body .mauve.accentBorderRight {
  border-right-color: #765f89;
}
html body .mauve.accentBorderTop {
  border-top-color: #765f89;
}
html body .olive.accent,
html body .olive.live-tile > .accent,
html body .olive.list-tile > .accent,
html body .olive.copy-tile > .accent,
html body .olive.live-tile > div,
html body .olive.copy-tile > div,
html body .olive.list-tile > div,
html body .olive.live-tile > .face,
html body .olive.list-tile > .face,
html body .olive.copy-tile > .face,
html body .olive.live-tile > .slide,
html body .olive.live-tile > .flip-back,
html body .olive.live-tile > .flip-front,
html body .olive.live-tile > .slide-back,
html body .olive.live-tile > .slide-front,
html body .olive.flip-list > li > .accent,
html body .olive.flip-list > li > .flip-back,
html body .olive.flip-list > li > .flip-front,
html body .olive.slide.accent,
html body .olive.slide-front.accent,
html body .olive.slide-back.accent,
html body .olive.flip-front.accent,
html body .olive.flip-back.accent {
  background-color: #6d8764;
}
html body .olive.accentColor,
html body .olive.accentHover:hover,
html body .olive.accentHover a:hover,
html body .olive.accentLink a,
html body .olive.accentLink a:hover,
html body .olive.accentLink a:visited,
a.accentLinkhtml body .olive,
a.accentLinkhtml body .olive:hover,
a.accentLinkhtml body .olive:visited {
  color: #6d8764;
}
html body .olive.accentBorder {
  border-color: #6d8764;
}
html body .olive.accentBorderBottom {
  border-bottom-color: #6d8764;
}
html body .olive.accentBorderLeft {
  border-left-color: #6d8764;
}
html body .olive.accentBorderRight {
  border-right-color: #6d8764;
}
html body .olive.accentBorderTop {
  border-top-color: #6d8764;
}
html body .orange.accent,
html body .orange.live-tile > .accent,
html body .orange.list-tile > .accent,
html body .orange.copy-tile > .accent,
html body .orange.live-tile > div,
html body .orange.copy-tile > div,
html body .orange.list-tile > div,
html body .orange.live-tile > .face,
html body .orange.list-tile > .face,
html body .orange.copy-tile > .face,
html body .orange.live-tile > .slide,
html body .orange.live-tile > .flip-back,
html body .orange.live-tile > .flip-front,
html body .orange.live-tile > .slide-back,
html body .orange.live-tile > .slide-front,
html body .orange.flip-list > li > .accent,
html body .orange.flip-list > li > .flip-back,
html body .orange.flip-list > li > .flip-front,
html body .orange.slide.accent,
html body .orange.slide-front.accent,
html body .orange.slide-back.accent,
html body .orange.flip-front.accent,
html body .orange.flip-back.accent {
  background-color: #fa6801;
}
html body .orange.accentColor,
html body .orange.accentHover:hover,
html body .orange.accentHover a:hover,
html body .orange.accentLink a,
html body .orange.accentLink a:hover,
html body .orange.accentLink a:visited,
a.accentLinkhtml body .orange,
a.accentLinkhtml body .orange:hover,
a.accentLinkhtml body .orange:visited {
  color: #fa6801;
}
html body .orange.accentBorder {
  border-color: #fa6801;
}
html body .orange.accentBorderBottom {
  border-bottom-color: #fa6801;
}
html body .orange.accentBorderLeft {
  border-left-color: #fa6801;
}
html body .orange.accentBorderRight {
  border-right-color: #fa6801;
}
html body .orange.accentBorderTop {
  border-top-color: #fa6801;
}
html body .pink.accent,
html body .pink.live-tile > .accent,
html body .pink.list-tile > .accent,
html body .pink.copy-tile > .accent,
html body .pink.live-tile > div,
html body .pink.copy-tile > div,
html body .pink.list-tile > div,
html body .pink.live-tile > .face,
html body .pink.list-tile > .face,
html body .pink.copy-tile > .face,
html body .pink.live-tile > .slide,
html body .pink.live-tile > .flip-back,
html body .pink.live-tile > .flip-front,
html body .pink.live-tile > .slide-back,
html body .pink.live-tile > .slide-front,
html body .pink.flip-list > li > .accent,
html body .pink.flip-list > li > .flip-back,
html body .pink.flip-list > li > .flip-front,
html body .pink.slide.accent,
html body .pink.slide-front.accent,
html body .pink.slide-back.accent,
html body .pink.flip-front.accent,
html body .pink.flip-back.accent {
  background-color: #e671b8;
}
html body .pink.accentColor,
html body .pink.accentHover:hover,
html body .pink.accentHover a:hover,
html body .pink.accentLink a,
html body .pink.accentLink a:hover,
html body .pink.accentLink a:visited,
a.accentLinkhtml body .pink,
a.accentLinkhtml body .pink:hover,
a.accentLinkhtml body .pink:visited {
  color: #e671b8;
}
html body .pink.accentBorder {
  border-color: #e671b8;
}
html body .pink.accentBorderBottom {
  border-bottom-color: #e671b8;
}
html body .pink.accentBorderLeft {
  border-left-color: #e671b8;
}
html body .pink.accentBorderRight {
  border-right-color: #e671b8;
}
html body .pink.accentBorderTop {
  border-top-color: #e671b8;
}
html body .purple.accent,
html body .purple.live-tile > .accent,
html body .purple.list-tile > .accent,
html body .purple.copy-tile > .accent,
html body .purple.live-tile > div,
html body .purple.copy-tile > div,
html body .purple.list-tile > div,
html body .purple.live-tile > .face,
html body .purple.list-tile > .face,
html body .purple.copy-tile > .face,
html body .purple.live-tile > .slide,
html body .purple.live-tile > .flip-back,
html body .purple.live-tile > .flip-front,
html body .purple.live-tile > .slide-back,
html body .purple.live-tile > .slide-front,
html body .purple.flip-list > li > .accent,
html body .purple.flip-list > li > .flip-back,
html body .purple.flip-list > li > .flip-front,
html body .purple.slide.accent,
html body .purple.slide-front.accent,
html body .purple.slide-back.accent,
html body .purple.flip-front.accent,
html body .purple.flip-back.accent {
  background-color: #a200ff;
}
html body .purple.accentColor,
html body .purple.accentHover:hover,
html body .purple.accentHover a:hover,
html body .purple.accentLink a,
html body .purple.accentLink a:hover,
html body .purple.accentLink a:visited,
a.accentLinkhtml body .purple,
a.accentLinkhtml body .purple:hover,
a.accentLinkhtml body .purple:visited {
  color: #a200ff;
}
html body .purple.accentBorder {
  border-color: #a200ff;
}
html body .purple.accentBorderBottom {
  border-bottom-color: #a200ff;
}
html body .purple.accentBorderLeft {
  border-left-color: #a200ff;
}
html body .purple.accentBorderRight {
  border-right-color: #a200ff;
}
html body .purple.accentBorderTop {
  border-top-color: #a200ff;
}
html body .violet.accent,
html body .violet.live-tile > .accent,
html body .violet.list-tile > .accent,
html body .violet.copy-tile > .accent,
html body .violet.live-tile > div,
html body .violet.copy-tile > div,
html body .violet.list-tile > div,
html body .violet.live-tile > .face,
html body .violet.list-tile > .face,
html body .violet.copy-tile > .face,
html body .violet.live-tile > .slide,
html body .violet.live-tile > .flip-back,
html body .violet.live-tile > .flip-front,
html body .violet.live-tile > .slide-back,
html body .violet.live-tile > .slide-front,
html body .violet.flip-list > li > .accent,
html body .violet.flip-list > li > .flip-back,
html body .violet.flip-list > li > .flip-front,
html body .violet.slide.accent,
html body .violet.slide-front.accent,
html body .violet.slide-back.accent,
html body .violet.flip-front.accent,
html body .violet.flip-back.accent {
  background-color: #a200ff;
}
html body .violet.accentColor,
html body .violet.accentHover:hover,
html body .violet.accentHover a:hover,
html body .violet.accentLink a,
html body .violet.accentLink a:hover,
html body .violet.accentLink a:visited,
a.accentLinkhtml body .violet,
a.accentLinkhtml body .violet:hover,
a.accentLinkhtml body .violet:visited {
  color: #a200ff;
}
html body .violet.accentBorder {
  border-color: #a200ff;
}
html body .violet.accentBorderBottom {
  border-bottom-color: #a200ff;
}
html body .violet.accentBorderLeft {
  border-left-color: #a200ff;
}
html body .violet.accentBorderRight {
  border-right-color: #a200ff;
}
html body .violet.accentBorderTop {
  border-top-color: #a200ff;
}
html body .red.accent,
html body .red.live-tile > .accent,
html body .red.list-tile > .accent,
html body .red.copy-tile > .accent,
html body .red.live-tile > div,
html body .red.copy-tile > div,
html body .red.list-tile > div,
html body .red.live-tile > .face,
html body .red.list-tile > .face,
html body .red.copy-tile > .face,
html body .red.live-tile > .slide,
html body .red.live-tile > .flip-back,
html body .red.live-tile > .flip-front,
html body .red.live-tile > .slide-back,
html body .red.live-tile > .slide-front,
html body .red.flip-list > li > .accent,
html body .red.flip-list > li > .flip-back,
html body .red.flip-list > li > .flip-front,
html body .red.slide.accent,
html body .red.slide-front.accent,
html body .red.slide-back.accent,
html body .red.flip-front.accent,
html body .red.flip-back.accent {
  background-color: #e51400;
}
html body .red.accentColor,
html body .red.accentHover:hover,
html body .red.accentHover a:hover,
html body .red.accentLink a,
html body .red.accentLink a:hover,
html body .red.accentLink a:visited,
a.accentLinkhtml body .red,
a.accentLinkhtml body .red:hover,
a.accentLinkhtml body .red:visited {
  color: #e51400;
}
html body .red.accentBorder {
  border-color: #e51400;
}
html body .red.accentBorderBottom {
  border-bottom-color: #e51400;
}
html body .red.accentBorderLeft {
  border-left-color: #e51400;
}
html body .red.accentBorderRight {
  border-right-color: #e51400;
}
html body .red.accentBorderTop {
  border-top-color: #e51400;
}
html body .sienna.accent,
html body .sienna.live-tile > .accent,
html body .sienna.list-tile > .accent,
html body .sienna.copy-tile > .accent,
html body .sienna.live-tile > div,
html body .sienna.copy-tile > div,
html body .sienna.list-tile > div,
html body .sienna.live-tile > .face,
html body .sienna.list-tile > .face,
html body .sienna.copy-tile > .face,
html body .sienna.live-tile > .slide,
html body .sienna.live-tile > .flip-back,
html body .sienna.live-tile > .flip-front,
html body .sienna.live-tile > .slide-back,
html body .sienna.live-tile > .slide-front,
html body .sienna.flip-list > li > .accent,
html body .sienna.flip-list > li > .flip-back,
html body .sienna.flip-list > li > .flip-front,
html body .sienna.slide.accent,
html body .sienna.slide-front.accent,
html body .sienna.slide-back.accent,
html body .sienna.flip-front.accent,
html body .sienna.flip-back.accent {
  background-color: #7b3a3e;
}
html body .sienna.accentColor,
html body .sienna.accentHover:hover,
html body .sienna.accentHover a:hover,
html body .sienna.accentLink a,
html body .sienna.accentLink a:hover,
html body .sienna.accentLink a:visited,
a.accentLinkhtml body .sienna,
a.accentLinkhtml body .sienna:hover,
a.accentLinkhtml body .sienna:visited {
  color: #7b3a3e;
}
html body .sienna.accentBorder {
  border-color: #7b3a3e;
}
html body .sienna.accentBorderBottom {
  border-bottom-color: #7b3a3e;
}
html body .sienna.accentBorderLeft {
  border-left-color: #7b3a3e;
}
html body .sienna.accentBorderRight {
  border-right-color: #7b3a3e;
}
html body .sienna.accentBorderTop {
  border-top-color: #7b3a3e;
}
html body .steel.accent,
html body .steel.live-tile > .accent,
html body .steel.list-tile > .accent,
html body .steel.copy-tile > .accent,
html body .steel.live-tile > div,
html body .steel.copy-tile > div,
html body .steel.list-tile > div,
html body .steel.live-tile > .face,
html body .steel.list-tile > .face,
html body .steel.copy-tile > .face,
html body .steel.live-tile > .slide,
html body .steel.live-tile > .flip-back,
html body .steel.live-tile > .flip-front,
html body .steel.live-tile > .slide-back,
html body .steel.live-tile > .slide-front,
html body .steel.flip-list > li > .accent,
html body .steel.flip-list > li > .flip-back,
html body .steel.flip-list > li > .flip-front,
html body .steel.slide.accent,
html body .steel.slide-front.accent,
html body .steel.slide-back.accent,
html body .steel.flip-front.accent,
html body .steel.flip-back.accent {
  background-color: #657688;
}
html body .steel.accentColor,
html body .steel.accentHover:hover,
html body .steel.accentHover a:hover,
html body .steel.accentLink a,
html body .steel.accentLink a:hover,
html body .steel.accentLink a:visited,
a.accentLinkhtml body .steel,
a.accentLinkhtml body .steel:hover,
a.accentLinkhtml body .steel:visited {
  color: #657688;
}
html body .steel.accentBorder {
  border-color: #657688;
}
html body .steel.accentBorderBottom {
  border-bottom-color: #657688;
}
html body .steel.accentBorderLeft {
  border-left-color: #657688;
}
html body .steel.accentBorderRight {
  border-right-color: #657688;
}
html body .steel.accentBorderTop {
  border-top-color: #657688;
}
html body .teal.accent,
html body .teal.live-tile > .accent,
html body .teal.list-tile > .accent,
html body .teal.copy-tile > .accent,
html body .teal.live-tile > div,
html body .teal.copy-tile > div,
html body .teal.list-tile > div,
html body .teal.live-tile > .face,
html body .teal.list-tile > .face,
html body .teal.copy-tile > .face,
html body .teal.live-tile > .slide,
html body .teal.live-tile > .flip-back,
html body .teal.live-tile > .flip-front,
html body .teal.live-tile > .slide-back,
html body .teal.live-tile > .slide-front,
html body .teal.flip-list > li > .accent,
html body .teal.flip-list > li > .flip-back,
html body .teal.flip-list > li > .flip-front,
html body .teal.slide.accent,
html body .teal.slide-front.accent,
html body .teal.slide-back.accent,
html body .teal.flip-front.accent,
html body .teal.flip-back.accent {
  background-color: #00aba9;
}
html body .teal.accentColor,
html body .teal.accentHover:hover,
html body .teal.accentHover a:hover,
html body .teal.accentLink a,
html body .teal.accentLink a:hover,
html body .teal.accentLink a:visited,
a.accentLinkhtml body .teal,
a.accentLinkhtml body .teal:hover,
a.accentLinkhtml body .teal:visited {
  color: #00aba9;
}
html body .teal.accentBorder {
  border-color: #00aba9;
}
html body .teal.accentBorderBottom {
  border-bottom-color: #00aba9;
}
html body .teal.accentBorderLeft {
  border-left-color: #00aba9;
}
html body .teal.accentBorderRight {
  border-right-color: #00aba9;
}
html body .teal.accentBorderTop {
  border-top-color: #00aba9;
}
html body .yellow.accent,
html body .yellow.live-tile > .accent,
html body .yellow.list-tile > .accent,
html body .yellow.copy-tile > .accent,
html body .yellow.live-tile > div,
html body .yellow.copy-tile > div,
html body .yellow.list-tile > div,
html body .yellow.live-tile > .face,
html body .yellow.list-tile > .face,
html body .yellow.copy-tile > .face,
html body .yellow.live-tile > .slide,
html body .yellow.live-tile > .flip-back,
html body .yellow.live-tile > .flip-front,
html body .yellow.live-tile > .slide-back,
html body .yellow.live-tile > .slide-front,
html body .yellow.flip-list > li > .accent,
html body .yellow.flip-list > li > .flip-back,
html body .yellow.flip-list > li > .flip-front,
html body .yellow.slide.accent,
html body .yellow.slide-front.accent,
html body .yellow.slide-back.accent,
html body .yellow.flip-front.accent,
html body .yellow.flip-back.accent {
  background-color: #d8c101;
}
html body .yellow.accentColor,
html body .yellow.accentHover:hover,
html body .yellow.accentHover a:hover,
html body .yellow.accentLink a,
html body .yellow.accentLink a:hover,
html body .yellow.accentLink a:visited,
a.accentLinkhtml body .yellow,
a.accentLinkhtml body .yellow:hover,
a.accentLinkhtml body .yellow:visited {
  color: #d8c101;
}
html body .yellow.accentBorder {
  border-color: #d8c101;
}
html body .yellow.accentBorderBottom {
  border-bottom-color: #d8c101;
}
html body .yellow.accentBorderLeft {
  border-left-color: #d8c101;
}
html body .yellow.accentBorderRight {
  border-right-color: #d8c101;
}
html body .yellow.accentBorderTop {
  border-top-color: #d8c101;
}
html body .trans.accent,
html body .trans.live-tile > .accent,
html body .trans.list-tile > .accent,
html body .trans.copy-tile > .accent,
html body .trans.live-tile > div,
html body .trans.copy-tile > div,
html body .trans.list-tile > div,
html body .trans.live-tile > .face,
html body .trans.list-tile > .face,
html body .trans.copy-tile > .face,
html body .trans.live-tile > .slide,
html body .trans.live-tile > .flip-back,
html body .trans.live-tile > .flip-front,
html body .trans.live-tile > .slide-back,
html body .trans.live-tile > .slide-front,
html body .trans.flip-list > li > .accent,
html body .trans.flip-list > li > .flip-back,
html body .trans.flip-list > li > .flip-front,
html body .trans.slide.accent,
html body .trans.slide-front.accent,
html body .trans.slide-back.accent,
html body .trans.flip-front.accent,
html body .trans.flip-back.accent {
  background-color: transparent;
}
html body .trans.accentColor,
html body .trans.accentHover:hover,
html body .trans.accentHover a:hover,
html body .trans.accentLink a,
html body .trans.accentLink a:hover,
html body .trans.accentLink a:visited,
a.accentLinkhtml body .trans,
a.accentLinkhtml body .trans:hover,
a.accentLinkhtml body .trans:visited {
  color: transparent;
}
html body .trans.accentBorder {
  border-color: transparent;
}
html body .trans.accentBorderBottom {
  border-bottom-color: transparent;
}
html body .trans.accentBorderLeft {
  border-left-color: transparent;
}
html body .trans.accentBorderRight {
  border-right-color: transparent;
}
html body .trans.accentBorderTop {
  border-top-color: transparent;
}
html body .white.accent,
html body .white.live-tile > .accent,
html body .white.list-tile > .accent,
html body .white.copy-tile > .accent,
html body .white.live-tile > div,
html body .white.copy-tile > div,
html body .white.list-tile > div,
html body .white.live-tile > .face,
html body .white.list-tile > .face,
html body .white.copy-tile > .face,
html body .white.live-tile > .slide,
html body .white.live-tile > .flip-back,
html body .white.live-tile > .flip-front,
html body .white.live-tile > .slide-back,
html body .white.live-tile > .slide-front,
html body .white.flip-list > li > .accent,
html body .white.flip-list > li > .flip-back,
html body .white.flip-list > li > .flip-front,
html body .white.slide.accent,
html body .white.slide-front.accent,
html body .white.slide-back.accent,
html body .white.flip-front.accent,
html body .white.flip-back.accent {
  background-color: #ffffff;
}
html body .white.accentColor,
html body .white.accentHover:hover,
html body .white.accentHover a:hover,
html body .white.accentLink a,
html body .white.accentLink a:hover,
html body .white.accentLink a:visited,
a.accentLinkhtml body .white,
a.accentLinkhtml body .white:hover,
a.accentLinkhtml body .white:visited {
  color: #ffffff;
}
html body .white.accentBorder {
  border-color: #ffffff;
}
html body .white.accentBorderBottom {
  border-bottom-color: #ffffff;
}
html body .white.accentBorderLeft {
  border-left-color: #ffffff;
}
html body .white.accentBorderRight {
  border-right-color: #ffffff;
}
html body .white.accentBorderTop {
  border-top-color: #ffffff;
}
html body .black.accent,
html body .black.live-tile > .accent,
html body .black.list-tile > .accent,
html body .black.copy-tile > .accent,
html body .black.live-tile > div,
html body .black.copy-tile > div,
html body .black.list-tile > div,
html body .black.live-tile > .face,
html body .black.list-tile > .face,
html body .black.copy-tile > .face,
html body .black.live-tile > .slide,
html body .black.live-tile > .flip-back,
html body .black.live-tile > .flip-front,
html body .black.live-tile > .slide-back,
html body .black.live-tile > .slide-front,
html body .black.flip-list > li > .accent,
html body .black.flip-list > li > .flip-back,
html body .black.flip-list > li > .flip-front,
html body .black.slide.accent,
html body .black.slide-front.accent,
html body .black.slide-back.accent,
html body .black.flip-front.accent,
html body .black.flip-back.accent {
  background-color: #000000;
}
html body .black.accentColor,
html body .black.accentHover:hover,
html body .black.accentHover a:hover,
html body .black.accentLink a,
html body .black.accentLink a:hover,
html body .black.accentLink a:visited,
a.accentLinkhtml body .black,
a.accentLinkhtml body .black:hover,
a.accentLinkhtml body .black:visited {
  color: #000000;
}
html body .black.accentBorder {
  border-color: #000000;
}
html body .black.accentBorderBottom {
  border-bottom-color: #000000;
}
html body .black.accentBorderLeft {
  border-left-color: #000000;
}
html body .black.accentBorderRight {
  border-right-color: #000000;
}
html body .black.accentBorderTop {
  border-top-color: #000000;
}

.appbar {
  background-color: #212021;
  bottom: 0px;
  color: #fff;
  font-size: .9em;
  height: 60px;
  left: 0px;
  line-height: normal;
  margin: 0;
  max-height: 100%;
  overflow: hidden;
  padding: 10px 0;
  position: fixed;
  right: 0px;
  text-align: right;
  width: 100%;
  z-index: 100;
  -ms-touch-action: manipulation;
}
.appbar.condensed {
  height: 40px;
}
.appbar.condensed a.etc {
  height: 40px;
  line-height: 40px;
}
.appbar.top {
  bottom: auto !important;
  top: 0px;
}
.appbar a.etc,
.appbar a.etc:hover,
.appbar a.etc:visited {
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 32px;
  /* add some extra padding to make it easier to touch */

  height: 60px;
  position: absolute;
  right: 8px;
  text-decoration: none;
  top: 0px;
  width: 90px;
  z-index: 100;
}
.appbar .clear {
  clear: both;
}
.appbar .theme-options {
  display: block;
  float: left;
  margin: 0px;
  position: relative;
  width: 80%;
}
.appbar .theme-options > ul {
  list-style-image: none;
  list-style-type: none;
  padding-right: 8px;
  padding-left: 0px;
}
.appbar .theme-options li {
  display: block;
  margin: 8px;
  float: left;
  line-height: 32px;
  height: 32px;
  width: 32px;
}
.appbar .theme-options li > a,
.appbar .theme-options li > a:hover,
.appbar .theme-options li > a:visited {
  display: block;
  padding: 0px;
  text-decoration: none;
  height: 32px;
  width: 32px;
}
.appbar .base-theme-options {
  display: block;
  float: left;
  margin: 0px;
  position: relative;
  width: 20%;
}
.appbar .base-theme-options > ul {
  padding-left: 2px;
}
.appbar .base-theme-options li {
  display: block;
  margin: 8px;
  float: left;
  line-height: 32px;
  height: 32px;
  width: 32px;
}
.appbar .base-theme-options li > a,
.appbar .base-theme-options li > a:hover,
.appbar .base-theme-options li > a:visited {
  display: block;
  padding: 0px;
  text-decoration: none;
  height: 32px;
  width: 32px;
}
.appbar .base-theme-options li > a.dark.accent {
  background-color: #000;
}
.appbar .theme-options h2,
.appbar .base-theme-options h2 {
  font-size: 2em;
  font-weight: normal;
  padding: 8px 8px 12px;
  text-align: left;
}
.appbar .charm-title {
  font-size: 10px;
  display: block;
  text-align: center;
}
.appbar .links {
  font-size: 2em;
  padding: 24px 0 0 8px;
  text-align: left;
}
.appbar .links a,
.appbar .links a:link {
  text-decoration: none;
}
.appbar.small {
  height: 28px;
}
.appbar.small a.etc,
.appbar.small a.etc:hover,
.appbar.small a.etc:visited {
  font-size: 16px;
  height: 60px;
  width: 90px;
}
.light .appbar {
  background-color: #dfdfdf;
  color: #000;
}
.dark .appbar {
  background-color: #212021;
}
.light .appbar-buttons li a {
  color: #000;
}
.light .appbar-buttons a > img {
  background-image: url('images/metroIcons_light.jpg');
}
.light .appbar a.etc,
.light .appbar a.etc:hover,
.light .appbar a.etc:visited {
  color: #000;
}
.small .appbar-buttons {
  /* default width is 3 buttons */

  width: 156px;
}
.small .appbar-buttons a > img {
  height: 32px;
  width: 32px;
}
.small .appbar-buttons.one {
  width: 52px;
}
.small .appbar-buttons.two {
  width: 104px;
}
.small .appbar-buttons.three {
  width: 156px;
}
.small .appbar-buttons.four {
  width: 208px;
}
.small .appbar-buttons.five {
  width: 260px;
}
.small .appbar-buttons.six {
  width: 312px;
}
.small .appbar-buttons.seven {
  width: 364px;
}
.small .appbar-buttons.eight {
  width: 416px;
}
.small .appbar-buttons.nine {
  width: 468px;
}
.small .appbar-buttons.ten {
  width: 520px;
}
.appbar-buttons {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  padding: 0 0 2px;
  text-align: right;
  /* default width is 3 buttons */

  width: 252px;
}
.appbar-buttons.one {
  width: 84px;
}
.appbar-buttons.two {
  width: 168px;
}
.appbar-buttons.three {
  width: 252px;
}
.appbar-buttons.four {
  width: 336px;
}
.appbar-buttons.five {
  width: 420px;
}
.appbar-buttons.six {
  width: 504px;
}
.appbar-buttons.seven {
  width: 588px;
}
.appbar-buttons.eight {
  width: 672px;
}
.appbar-buttons.nine {
  width: 756px;
}
.appbar-buttons.ten {
  width: 840px;
}
.appbar-buttons a > img {
  background-image: url('images/metroIcons.jpg');
  background-repeat: no-repeat;
  border: none;
  height: 64px;
  width: 64px;
}
.appbar-buttons a.small > img {
  height: 32px;
  width: 32px;
}
.appbar-buttons a.search > img {
  background-position: -12px -12px;
}
.appbar-buttons a.home > img {
  background-position: -104px -12px;
}
.appbar-buttons a.twitter > img {
  background-position: -196px -12px;
}
.appbar-buttons a.calendar > img {
  background-position: -288px -12px;
}
.appbar-buttons a.storm > img {
  background-position: -380px -12px;
}
.appbar-buttons a.down > img {
  background-position: -472px -12px;
}
.appbar-buttons a.camera > img {
  background-position: -12px -99px;
}
.appbar-buttons a.camcorder > img {
  background-position: -104px -99px;
}
.appbar-buttons a.qmark > img,
.appbar-buttons a.about > img {
  background-position: -196px -99px;
}
.appbar-buttons a.share > img {
  background-position: -288px -99px;
}
.appbar-buttons a.rain > img {
  background-position: -380px -99px;
}
.appbar-buttons a.cancel > img,
.appbar-buttons a.close > img {
  background-position: -472px -99px;
}
.appbar-buttons a.delete > img,
.appbar-buttons a.trash > img {
  background-position: -12px -188px;
}
.appbar-buttons a.tag > img {
  background-position: -104px -188px;
}
.appbar-buttons a.addcontact > img {
  background-position: -196px -188px;
}
.appbar-buttons a.save > img {
  background-position: -288px -188px;
}
.appbar-buttons a.snow > img {
  background-position: -380px -188px;
}
.appbar-buttons a.msg > img {
  background-position: -472px -188px;
}
.appbar-buttons a.email > img {
  background-position: -12px -274px;
}
.appbar-buttons a.clock > img {
  background-position: -104px -274px;
}
.appbar-buttons a.edit > img {
  background-position: -196px -274px;
}
.appbar-buttons a.circle > img {
  background-position: -288px -274px;
}
.appbar-buttons a.moon > img {
  background-position: -380px -274px;
}
.appbar-buttons a.calc > img {
  background-position: -12px -362px;
}
.appbar-buttons a.gear > img {
  background-position: -104px -362px;
}
.appbar-buttons a.plus > img {
  background-position: -196px -362px;
}
.appbar-buttons a.dot > img {
  background-position: -288px -362px;
}
.appbar-buttons a.restart > img,
.appbar-buttons a.return > img {
  background-position: -380px -362px;
}
.appbar-buttons a.add > img {
  background-position: -472px -362px;
}
.appbar-buttons a.phone > img {
  background-position: -12px -453px;
}
.appbar-buttons a.film > img {
  background-position: -104px -453px;
}
.appbar-buttons a.back > img {
  background-position: -196px -453px;
}
.appbar-buttons a.car > img {
  background-position: -288px -453px;
}
.appbar-buttons a.forward > img {
  background-position: -380px -453px;
}
.appbar-buttons a.selectmany > img {
  background-position: -472px -453px;
}
.appbar-buttons a.stop > img {
  background-position: -12px -538px;
}
.appbar-buttons a.contacts > img {
  background-position: -104px -538px;
}
.appbar-buttons a.select > img {
  background-position: -196px -538px;
}
.appbar-buttons a.sun > img {
  background-position: -288px -538px;
}
.appbar-buttons a.dpad > img {
  background-position: -380px -538px;
}
.appbar-buttons a.play > img {
  background-position: -472px -538px;
}
.appbar-buttons li {
  display: inline;
  padding: 0 10px;
  float: left;
  list-style: none;
}
.appbar-buttons li a {
  font-weight: bold;
  background-color: transparent;
  color: #fff;
}
.appbar-buttons li a:active,
.appbar-buttons ul#menu li.selected a,
.appbar-buttons .appbar-buttons li a:hover {
  text-decoration: none;
}
.small .appbar-buttons .search > img,
.appbar-buttons .small.search > img {
  background-position: -562px -6px;
}
.small .appbar-buttons .home > img,
.appbar-buttons .small.home > img {
  background-position: -608px -6px;
}
.small .appbar-buttons .twitter > img,
.appbar-buttons .small.twitter > img {
  background-position: -654px -6px;
}
.small .appbar-buttons .calendar > img,
.appbar-buttons .small.calendar > img {
  background-position: -700px -6px;
}
.small .appbar-buttons .storm > img,
.appbar-buttons .small.storm > img {
  background-position: -746px -6px;
}
.small .appbar-buttons .down > img,
.appbar-buttons .small.down > img {
  background-position: -792px -6px;
}
.small .appbar-buttons .camera > img,
.appbar-buttons .small.camera > img {
  background-position: -562px -50px;
}
.small .appbar-buttons .camcorder > img,
.appbar-buttons .small.camcorder > img {
  background-position: -608px -50px;
}
.small .appbar-buttons .qmark > img,
.appbar-buttons .small.qmark > img,
.small .appbar-buttons .about > img,
.appbar-buttons .small.about > img {
  background-position: -654px -50px;
}
.small .appbar-buttons .share > img,
.appbar-buttons .small.share > img {
  background-position: -700px -50px;
}
.small .appbar-buttons .rain > img,
.appbar-buttons .small.rain > img {
  background-position: -746px -50px;
}
.small .appbar-buttons .cancel > img,
.appbar-buttons .small.cancel > img,
.small .appbar-buttons .close > img,
.appbar-buttons .small.close > img {
  background-position: -792px -50px;
}
.small .appbar-buttons .delete > img,
.appbar-buttons .small.delete > img,
.small .appbar-buttons .trash > img,
.appbar-buttons .small.trash > img {
  background-position: -562px -94px;
}
.small .appbar-buttons .tag > img,
.appbar-buttons .small.tag > img {
  background-position: -608px -94px;
}
.small .appbar-buttons .addcontact > img,
.appbar-buttons .small.addcontact > img {
  background-position: -654px -94px;
}
.small .appbar-buttons .save > img,
.appbar-buttons .small.save > img {
  background-position: -700px -94px;
}
.small .appbar-buttons .snow > img,
.appbar-buttons .small.snow > img {
  background-position: -746px -94px;
}
.small .appbar-buttons .msg > img,
.appbar-buttons .small.msg > img {
  background-position: -792px -94px;
}
.small .appbar-buttons .email > img,
.appbar-buttons .small.email > img {
  background-position: -562px -137px;
}
.small .appbar-buttons .clock > img,
.appbar-buttons .small.clock > img {
  background-position: -608px -137px;
}
.small .appbar-buttons .edit > img,
.appbar-buttons .small.edit > img {
  background-position: -654px -137px;
}
.small .appbar-buttons .circle > img,
.appbar-buttons .small.circle > img {
  background-position: -700px -137px;
}
.small .appbar-buttons .moon > img,
.appbar-buttons .small.moon > img {
  background-position: -746px -137px;
}
.small .appbar-buttons .calc > img,
.appbar-buttons .small.calc > img {
  background-position: -562px -181px;
}
.small .appbar-buttons .gear > img,
.appbar-buttons .small.gear > img {
  background-position: -608px -181px;
}
.small .appbar-buttons .plus > img,
.appbar-buttons .small.plus > img {
  background-position: -654px -181px;
}
.small .appbar-buttons .dot > img,
.appbar-buttons .small.dot > img {
  background-position: -700px -181px;
}
.small .appbar-buttons .restart > img,
.appbar-buttons .small.restart > img,
.small .appbar-buttons .return > img,
.appbar-buttons .small.return > img {
  background-position: -746px -181px;
}
.small .appbar-buttons .add > img,
.appbar-buttons .small.add > img {
  background-position: -792px -181px;
}
.small .appbar-buttons .phone > img,
.appbar-buttons .small.phone > img {
  background-position: -562px -226px;
}
.small .appbar-buttons .film > img,
.appbar-buttons .small.film > img {
  background-position: -608px -226px;
}
.small .appbar-buttons .back > img,
.appbar-buttons .small.back > img {
  background-position: -654px -226px;
}
.small .appbar-buttons .car > img,
.appbar-buttons .small.car > img {
  background-position: -700px -226px;
}
.small .appbar-buttons .forward > img,
.appbar-buttons .small.forward > img {
  background-position: -746px -226px;
}
.small .appbar-buttons .selectmany > img,
.appbar-buttons .small.selectmany > img {
  background-position: -792px -226px;
}
.small .appbar-buttons .stop > img,
.appbar-buttons .small.stop > img {
  background-position: -562px -269px;
}
.small .appbar-buttons .contacts > img,
.appbar-buttons .small.contacts > img {
  background-position: -608px -269px;
}
.small .appbar-buttons .select > img,
.appbar-buttons .small.select > img {
  background-position: -654px -269px;
}
.small .appbar-buttons .sun > img,
.appbar-buttons .small.sun > img {
  background-position: -700px -269px;
}
.small .appbar-buttons .dpad > img,
.appbar-buttons .small.dpad > img {
  background-position: -746px -269px;
}
.small .appbar-buttons .play > img,
.appbar-buttons .small.play > img {
  background-position: -792px -269px;
}
/* Media queries */
@media screen and (max-width: 1025px) {
  .appbar .theme-options h2,
  .appbar .base-theme-options h2,
  .appbar .links {
    font-size: 1.7em;
    padding: 8px 8px 2px;
    text-align: left;
  }
  .appbar .base-theme-options li,
  .appbar .base-theme-options li a,
  .appbar .theme-options li,
  .appbar .theme-options li a {
    display: block;
    height: 32px;
    margin: 4px;
    width: 32px;
  }
}
@media screen and (max-width: 801px) {
  .appbar .theme-options h2,
  .appbar .base-theme-options h2,
  .appbar .links {
    font-size: 1.3em;
  }
  .appbar .theme-options > ul {
    padding-right: 6px;
  }
}
@media screen and (max-width: 641px) {
  .appbar .theme-options {
    width: 70%;
  }
  .appbar .base-theme-options {
    width: 30%;
  }
}

.tiles .live-tile
{
	
 float: right !important;
    height: 108px !important;
    margin-right: 8px;
    margin-top: 4px;
    padding: 0;
    width: 139px;
}
.live-tile, .list-tile, .copy-tile, .tile-strip .flip-list > li
{
	margin:0px;
}
.bgcolorp1
{
	background-color:#8c0095;
}
.bgcolorp2
{
	background-color:#d24726;
}
.bgcolorp3
{
	background-color:#66b617;
}
.bgcolorp4
{
	background-color:#ffac2b;
}
.seinf
{
	font-family: '880004883-FrutigerLTArabic-65Bold';
	text-align:center;
	margin-top:40px;
}
.scrollitem
{
	width:351px;
	height:221px;
	background:#f9f6f6;
	border:1px solid #f1f1f1;
	margin:0px auto;
	margin-top:34px;
	
}
/********************
 * FEATURE CAROUSEL *
 ********************/
.carousel-container {
  position:relative;
  width:343px;
  height:290px;
  margin-top:-10px;
}
#carousel {
  height:290px;
  width:343px;
  position:relative;
  margin-bottom:0.5em;
  font-size:12px;
  font-family: Arial;
}
.carousel-image {
  border:0;
  display:block;
}
.carousel-feature {
  position:absolute;
  top:-1000px;
  left:-1000px;
  cursor:pointer;
  height:204px !important;
}
.carousel-feature .carousel-caption {
  position:absolute;
  bottom:0;
  width:100%;
  font-family:'HelveticaNeueLTW20';
}
.carousel-feature .carousel-caption p {
  margin:0;
  padding:2px;
  font-weight:bold;
  font-size:12px;
  text-align:center;
  color:#716e6e;;
}
.tracker-summation-container {
  position:absolute;
  color:white;
  right:48px;
  top:230px;
  padding:3px;
  margin:3px;
  background-color:#000;
}
.tracker-individual-container {
  position:absolute;
  color:white;
  right:48px;
  top:210px;
  padding:0;
  margin:0;
}
.tracker-individual-container li {
  list-style:none;
}
.tracker-individual-container .tracker-individual-blip {
  margin:0 3px;
  padding:0 3px;
  color:white;
  text-align:center;
  background-color:#DDD;
  display:none;
}
.tracker-individual-container .tracker-individual-blip-selected {
  color:white;
  font-weight:bold;
  background-color:#000;
}
#carousel-left {
  position:absolute;
  bottom:133px;
  left:10px;
  cursor:pointer;
}
#carousel-right {
  position:absolute;
  bottom:133px;
  right:10px;
  cursor:pointer;
}
.bottom_block
{
	 height: 260px;
    margin: 0 auto;
    width: 980px;
	
}
.calander
{
	float:right;
	float: right;
    height: 260px;
    width: 295px;
	
}
.calanderbox
{
	margin-right:7px;
}
.calander h6 {
    font-family: 'HelveticaNeueLTW20';
    font-size: 19px;
	margin-top:7px;
	margin-bottom:5px;
}

#advertisement_div
{

	height:114px;
	margin-right:15px;
	margin-top:10px;
	
}


.boxes ul li
{
	list-style:none;
	float:right;
	display:block;
}
.boxes ul li a
{
	list-style:none;
	float:right;
	display:block;
	width:217px;
	height:92px;
	margin-left:9px;
	margin-right:2px;
}
.boxes ul li a.citizen
{
	list-style:none;
	float:right;
	display:block;
	width:217px;
	height:92px;
	background-image:url(../Images/box1.jpg);
	background-repeat:no-repeat;
}
.boxes ul li a.watepro
{
	list-style:none;
	float:right;
	display:block;
	width:217px;
	height:92px;
	background-image:url(../Images/box2.jpg);
	background-repeat:no-repeat;
}
.boxes ul li a.rainDams
{
	list-style:none;
	float:right;
	display:block;
	width:217px;
	height:92px;
	background-image:url(../Images/box3.jpg);
	background-repeat:no-repeat;
}
.bottomlinks
{
	-moz-border-radius:30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px;
	background-color:#FFF;
	border:1px solid #d1d2d4;
    behavior: url(../js/PIE.htc);
	margin-top:5px;
	min-height:220px;
}
.links
{
	float:right;
	width:168px;
	margin-right:55px;
	margin-left:25px;
	margin-top:5px;
}
.links p
{

	color:#ffac2b;
	font-size:16px;
	font-family: '880004883-FrutigerLTArabic-65Bold';
	margin-top:10px;
}
.links ul li
{
	list-style:none;
	display:block;
	
}
.links ul li
{
	list-style:none;
	display:block;
	line-height:22px;
	
}
.links ul li a
{
	color:#333;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	
	
}
.bottomlinsdivcon
{
	margin:20 auto;
    width: 980px;
}
.ridivv 
{
	float:right;
	width:450px;
	
}
.ridivv  .confv
{
	float:right;
	margin-right:40px;

	
}
.ridivv  p
{
	float:right;
	font-size:14px;
	font-family: '880004883-FrutigerLTArabic-65Bold';
	padding-left:10px;
	margin-right:20px;
	margin-top:10px;
}
.ldivv 
{
	float:left;
	width:400px;
	
}
.ldivv  img
{
	display:block;
	float:left;
	margin-left:20px;
	
}
.inp
{
	float:right;
	display:block;
	width:157px;
	height:29px;
	background-color:#fff;
	border:1px solid #d7d7d7;
	margin-top:8px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	padding-right:10px;

}
.btnv
{
	float:right;
	width:71px;
	height:30px;
	color:#fff;
	font-family: 'HelveticaNeueLTW20';
	line-height:32px;
	background-color:#76736f;
	margin-right:10px;
	border:0px;
	margin-top:8px;
}
#footer
{
	margin:5px auto;
}
.rightfooter
{
	width:400px;
	height:40px;
	float:right;
	
}
.rightfooter p
{

	font-family: 'HelveticaNeueLTW20';
	color:#fff;
	font-size:13px;

	
}
.leftfooter
{
	float:left;
	width:580px;
	height:40px;
	
}
.browserleft
{
	float:left;
	
}
.browserleft p
{
	float:right;
	font-family: 'HelveticaNeueLTW20';
	color:#fff;
	font-size:11px;
	padding-left:10px;

	
	
}
#shadow
{	
	height:424px;
	background-image:url(../Images/bgshadow.png);
	background-position:bottom;
	 background-repeat:no-repeat;

}

	
#slider-wrapper {
    background:url(../images/slider.png) no-repeat;
    margin:0 auto;
		border:5px solid #fff;
		width:1002px;
	height:375px;
	overflow:visible !important;

}
#slider-wrapper  div{
  
	overflow:visible !important;
}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:1002px;
	height:375px;
	}

.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	width:1002px;
	height:375px;
	display:block;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {

	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
.nivo-controlNav {
	position:absolute;
	left:390px;
	bottom:-17px;
	width:146px;
	height:33px;
	background-image:url(../Images/controlbg.png);
	z-index:1400;
	background-repeat:no-repeat;
	    bottom: -19px;
    height: 33px;
    left: 445px;
}
.nivo-controlNav a img
{
	display:none;
}
.nivo-controlNav 
{
	padding-left:40px;
	padding-top:7px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
	background-image:url(../Images/bulletnot.png);
	display:block;
	width:11px;
	height:11px;
}
.nivo-controlNav a.active {
	background-image:url(../Images/bulletactive.png);
	display:block;
	width:11px;
	height:11px;
}
#slider-wrapper div {

}
.nivo-directionNav a {
	display:block !important;
	width:30px;
	height:30px;
	visibility:visible !important;
	text-indent:-9999px;
	border:0;
	top:160px;
}
a.nivo-nextNav {
	background-image:url(../Images/right.png);
	width:40px;
	height:87px;
	right:-13px;
	position:absolute;
	z-index:1000px;
}
a.nivo-prevNav {
	background-image:url(../Images/left.png);
	width:40px;
	height:87px;
	left:-13px;
	position:absolute;
	z-index:1000px;
}
#productdiv
{
	width:1029px;

}

.productdiv
{
	width:1011px;
	margin:0px auto;

}
.topprod
{
	background-image:url(../Images/topcontent.png);
	height:93px;
	background-repeat:no-repeat;
	width:1011px;
	margin:0px auto;
	

	
}
.middleprodu
{
		background-image:url(../Images/middlecom.png);
		width:1011px;
		margin:0px auto;
		background-repeat:repeat-y;
		min-height:120px;
		background-position:-3px;

}
.botomprod
{
	background-image:url(../Images/contentbottom.png);
	height:28px;	
	background-repeat:no-repeat;
}
.wc960{margin:0 auto;width:480px;direction:ltr}
.fl{float:left;}
.fr{float:right;}
.mt20{margin-top:10px;}
.icon{background:url(../images/icon.png) no-repeat 0 0;}

.warp-pic-list li{float:left;display:inline;}
.warp-pic-list .img_wrap{display:block;font-size:0;overflow:hidden;}
.warp-pic-list .text-area{background-color:#f2f2f2;line-height:24px;}
/*È«¾Ö°å¿é*/
.row .hd .title{font:26px/40px "Î¢ÈíÑÅºÚ","Microsoft YaHei","ºÚÌå","SimHei";}
/*È«¾ÖÒ³Ç©*/
.tab-T-3{width:66px;}
.tab-T-3 li{width:12px;height:12px;font-size:0;background-color:#dfdfdf;float:left;margin-left:10px;cursor:pointer;display:inline;}
.tab-T-3 li.cur{background-color:#d81c1b;}
/*ÈÈÃÅ³µÐÍ*/
.rowE .warp-pic-list{position:relative;width:480px;height:230px;overflow:hidden;}
.rowE .count li{margin-right:20px;width:222px;height:228px;}
.rowE .count .img_wrap{width:222px;}
.rowE .count li .text-area{padding:10px 0 10px 15px;text-align:right;}
.rowE .count li .text-area  p{font-family: 'HelveticaNeueLTW20';;padding:5px;}
.rowE .count li:hover .text-area,.rowE .count li.hover .text-area{background-color:#d81c1b;color:#fff;}
.rowE .count .p-num{font-family:"Tahoma";font-weight:bold;}
.rowE .btn{display:block;height:55px;position:absolute;top:78px;width:35px;z-index:200;cursor:pointer;}
.rowE .prev{ background-position:0 -88px;left:0;}
.rowE .prev:hover{background-position:0 -144px;}
.rowE .next{ background-position:0 -200px;right:0;}
.rowE .next:hover{background-position:0 -256px;}
.clear {
	clear:both;
}
.topprod h6
{
	font-family: 'HelveticaNeueLTW20';
	font-size:17px;
	color:#fff;
	margin-right:110px;
	margin-top:20px;
	
}
.threeboxecs 
{
	margin-top:15px;
}
.threeboxecs .newsdivx,.threeboxecs .servicesdivx,.threeboxecs .subscribedivx
{
	float:right;
	margin-left:9px;
	background-image:url(../Images/boxbg.png);
	width:334px;
	height:200px;
}

.threeboxecs  div h6
{
		font-family: 'HelveticaNeueLTW20';
	font-size:15px;
	color:#fff;
	text-align:center;
	margin-top:10px

}
.threeboxecs .newsdivx
{
	background-image:url(../Images/boxbg.png);
	float:right;
	
	width:334px;
	height:200px;
}
.servicesboxli
{
	margin-top:20px;
	margin-right:20px;
}
.servicesboxli ul li
{
	list-style:none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:20px;

}
a.moreserv
{
	float:left;
	display:block;
	margin-left:10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#005682;

}
.subscrinbnow
{
	background-image:url(../Images/textbo.png);
	width:226px;
	height:67px;
	display:block;
	border:0px;
	background-color:transparent;
	margin-top:30px;
	margin-right:30px;
	padding-right:80px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	line-height:47px;
	background-repeat:no-repeat;
}
#footer
{
	font-family: 'HelveticaNeueLTW20';
	height:32px;
	background-color:#444647;
	margin:0px auto;

	
}
#footer_container
{
	width:1000px;
	margin:0px auto;
	height:40px;
}
#footer_container_right
{
	float:right;
	width:500px;
	height:40px;
}
#footer_container_left
{
	float:left;
	width:500px;
	height:40px;
}
#footer_container_left p
{
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	padding:2px;
	color:#fff;
	margin-left:14px;
}
#footer_container_right p
{
	font-size:12px;
	color:#fff;
	line-height:22px;
	margin-top:5px;
	font-size:12px;
}
.rig
{
	float:right;
}
.rig P
{
	
	color:#fff;
	line-height:22px;
}
.footerldv
{
	float:left;
	width:320px;
}
#content_internal
{
	margin-top:20px;
	min-height:200px;
	border:1px solid #dfdedf;
	margin-bottom:6px;
	padding:0px 10px;
	

	
}
/*  New Style*/
.breadcrumb
{
	height:28px;
	margin-bottom:18px;
	border-bottom:1px solid #e2e9cc;
	line-height:29px;
}
.breadcrumb ul li
{
	float:right;
	list-style:none;
	background-image:url(Images/breadcrumb.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:9px;
	margin-right:8px;
}
.breadcrumb ul li a
{
	float:right;
	display:block;
	color:#666;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	
	
}
.breadcrumb ul li a:hover
{
	float:right;
	display:block;
	color:#B72510;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	
	
}
.content_div
{
	min-height:140px;
	
	overflow:hidden;
}
.rightcontent_div
{

	min-height:200px;

}

.itemmenu
{
	width:220px;
	min-height:200px;
	margin-right:5px;
	margin-top:14px;
	background-color:#f1f1f1;
	overflow:hidden !important;
	margin-bottom:10px;
}
.itemmenu p
{


	font-family: 'HelveticaNeueLTW20';
	font-weight:normal;
	padding:9px;
	text-align:center;
	color:#fff;
	font-size:13px;
	background-color:#040444;
	font-weight:normal;
	height:25px;
	line-height:25px;
}
.itemmenu span
{


	text-transform:uppercase;
	font-family: 'HelveticaNeueLTW20';
	display:block;
}

.itemmenu ul
{
	
	border:1px soild #666666;
	display:block;
	


	
}
.itemmenu ul li
{
	list-style-type:disc;
	color:#666666;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	list-style:none;
	display:block;
	color:#bb141a;
	width:230px;

	
}
.itemmenu ul li a
{
	list-style-type:circle;
	color:#666666;
	font-size:12px;
	display:block;
	height:19px;
	line-height:19px;
	font-family:Tahoma, Geneva, sans-serif;		
	padding-bottom:8px;
	padding-right:4px;
	border-bottom:1px dotted #666666;
	margin-bottom:5px;
}
.itemmenu ul li a
{
	list-style-type:circle;
	color:#666666;
	font-size:12px;
	display:block;
	font-family:Tahoma, Geneva, sans-serif;
	width:230px;
	padding-bottom:8px;
	padding-right:9px;
	padding-top:8px;
	border-bottom:1px dotted #c2c2c2;
	margin-bottom:1px;
	background-color:#F5F5F5;
}
.itemmenu ul li a:hover
{
	list-style-type:circle;
	color:#666666;
	font-size:12px;
	display:block;
	font-family:Tahoma, Geneva, sans-serif;
	width:230px;
	padding-bottom:8px;
	padding-right:9px;
	border-bottom:1px solid #c2c2c2;
	margin-bottom:1px;
	background-color:#fff;
}
.headti
{
	text-transform:uppercase;
	padding-bottom:2px;
	color:#B72510;
	padding-right:6px;
	font-family: 'HelveticaNeueLTW20';
	font-size:18px;
	font-weight:normal;


}
.rightcontent_div p
{
	padding:5px 10px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#c60f0f;
	font-size:13px;
	text-align:justify;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color:#333;
}
.conten p
{
	line-height:29px;
}

p.servod
{
	text-transform:uppercase;
	padding-bottom:2px;
	color:#B72510;
	padding-right:6px;
	font-family: 'HelveticaNeueLTW20';
	font-size:15px;
	
	margin-top:14px;

}
.uclsdf
{
	margin-right:38px;
	margin-top:10px;
}
.uclsdf li
{
	font-size:13px;
	line-height:33px;
	text-align:justify;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	color:#666;

}


.about_di
{
	margin-top:32px;
	width:240PX;
	margin:0px auto;
}
.about_di h5
{
	margin-top:3px;
	font-size:15px;
	font-family: 'HelveticaNeueLTW20';
	font-weight:normal;
	color:#2601AA;

}
.about_di p
{

	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color:#666;
	line-height:20px;
	text-align:justify;
	padding:3px 8px;

}
.about_di .dg
{
	margin-top:45px;
}
.branch
{
	margin-top:8px;
}
.branch h4
{
	font-size:15px;
	font-family: 'HelveticaNeueLTW20';	
	margin-right:14px;
	

}.branch h4
{
	font-size:14px;
	margin-right:14px;
	font-family:Tahoma, Geneva, sans-serif;
	margin-top:14px;
	color:#333;
	border-bottom:1px dotted #666;
	padding-bottom:14px;
	font-family: 'HelveticaNeueLTW20';	

}
.branch p
{
	font-size:13px;
	color:#2A608E;
	clear:left;
	margin-left:14px;
	float:left;

}
.imbfc
{
	margin-top:34px;
}
.listacti
{
	margin-top:18px;
}
.listacti li
{
	
	font-family:Tahoma, Geneva, sans-serif;
	margin-right:30px;
	list-style:circle;
	line-height:22px;
	font-size:14px;
	margin-top:5px;
	text-align:justify;
	color:#24619b;
	padding-left:18px;
		
}
.listacti li span
{
	
color:#333;
		
}
.ovf
{
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	margin-right:14px;
	font-size:12px;
	color:#03AA03;
}
.csdf
{
	margin-top:18px;
}
.csdf tr td
{
	padding:4px;
	font-weight:normal;
}
.csdf input
{
	border:0px;
	border:1px solid #c1c1c1;
	padding:4px;
	margin-right:10px;
	height:24px;
	color:#666;
	  -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
.csdf input:hover
{
	border:0px;
	border:1px solid #c3c3c3;
	padding:4px;
	margin-right:10px;
	color:#316793;
		  -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
.inpc
{
	width:210px;
}
textarea 
{
	border:0px;
	border:1px solid #c1c1c1;
	margin-right:10px;
	padding:4px;
		  -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
textarea:hover 
{
	border:0px;
	border:1px solid #c3c3c3;;
	margin-right:10px;
	  -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	
}
td.ucd
{
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	padding:4px;
	padding-left:18px;

}
input.btrnc
{
	float:left;
	background-color:#ef0082;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	height:28px;
	line-height:22px;
	width:80px;
	  -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
.imgcf
{
	margin:14px auto;
	border:1px solid #c2c2c2;
}
.mainbracnj h6
{
	font-family: 'HelveticaNeueLTW20';
	font-size:17px;
	color:#2801A9;

		
	
}
.tabdfg4
{
	width:450px;
	margin-right:40px;
}
.tabdfg4 h6
{
font-family: 'HelveticaNeueLTW20';
	font-size:14px;
	ccolor:#B72510;

}
h6.ndf
{
	color:#02AB04;
	font-size:15px;
	padding:4px 8px;;
	margin-top:10px;
}
h6.ndf
{
	font-family: 'HelveticaNeueLTW20';
	font-size:14px;
	color:#2801A9;
	color:#02AB04;
	font-size:15px;
	padding:4px 8px;;
	margin-top:10px;	
	padding-right:5px;
}
.tabdfg4 td p
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14x;
	font-weight:bold;

}

.tabdfg4  td
{
	
}
.scd
{
}
.scd td
{
	width:250px;;
}
.scd td p
{ 
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
}
.tabdfg4 td p.pae
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
}
.brancdiv
{
	float:right;
	height:100px;
	width:280px;
	margin-left:20px;
	margin-top:14px;
	background-color:#f1f1f1;
}
.scd
{
	width:650px;
}
.scd tr td
{
	text-align:center;
}
.scd tr td p
{
	text-align:center;
}
.brancdiv h6
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color:#24619A;
	padding-bottom:4px;
	border-bottom:1px dotted #c1c1c1;
	padding-right:14px;
	background-color:#f1f1f1;
	padding:5px 7px;
	
}
.brancdiv 
{
	font-size:14px;
	padding-right:14px;
	font-family:Tahoma, Geneva, sans-serif;

}
gallery
{
	margin-top:20px;
	margin-right:10px;
}
.galler_image
{
	float:right;
	width:210px;
	height:130PX;
	border:2PX solid #EEE;
	float:right;
	margin-right:8px;
	margin-top:14px;
	border-radius:125px 55px 110px 15px; 
	-moz-border-radius:125px 110px 90px 15px;
	-webkit-border-radius:125px 110px 90px 15px;
	-o-border-radius:125px 110px 90px 15px;
}

.galler_image a img
{
	width:210px;
	height:140PX;
	display:block;
}
.imfc
{
	margin-top:10px;
	margin-right:14px;
}
	
	
#FAQ
{
	margin-right:20px;
}
p.msg_head
{
	background-image:url(images/faq/q.png);
	background-position:right 4px ;
	padding-right:26px;
	margin-top:10px;
	background-repeat:no-repeat;
	font-family: 'HelveticaNeueLTW20';
	font-size:13px;
	font-weight:bold;
	color:#0f699a;
	line-height:20px;
}
.msg_body
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	background-image:url(images/faq/a.png);
	background-repeat:no-repeat;
	line-height:20px;
	padding-right:26px;
	background-position:TOP right;
	margin-top:10px;
	margin-bottom:20px;
	color:#414344;
}

.lisfcd
{
	float:right;
	margin-right:20px;
	margin-left:15px;
	width:170px;
	margin-top:14px;
}
.lisfcd li
{

	list-style:square;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	margin-top:8px;
	color:#093558;

}
.lisfcd li a
{

	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;

	color:#666;

}

.lisfcd li a:hover
{

	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	text-decoration:underline;
	color:#093558;
	font-weight:bold;

}

.icmf
{
	display:block;
	margin:10px auto;
	
}

.news_container
{
	width:900px;
	height:30px;
	margin-right:10px;
	margin-top:-4px;
	background-color:#fff;
	margin-bottom:10px;
}
.newsconright
{
	float:right;
	background-image:url(images/newsright.png);
	height:30px;
	width:108px;
		
}
.newsconright p
{
	font-size:14px;
	padding-right:32px;
	line-height:30px;
	background-color:#B72510;
	color:#fff;
	font-family: 'HelveticaNeueLTW20';

}
.newsconleft
{
	width:30px;
	background-image:url(images/newsleft.png);
	height:30px;
	float:left;
}
.newsconmiddle
{
	background-image:url(images/newsmiddle.png);
	height:30px;
	background-repeat:repeat-x;
}
.rssic
{
	background-image:url(images/rssicon.png);
	display:block;
	width:16px;
	height:16px;
	margin-top:7px;
}


/* Ticker Styling */
#ticker-wrapper.has-js {

	width:842px;
	display: block;
	font-size: 0.75em;
	float:right;
}
#ticker {
	width: 710px;
	height: 23px;
	display: block;
	position: relative;
	overflow: hidden;
}
#ticker-title {
	
	
}
#ticker-content {
	margin: 0px;
	padding-top: 9px;
	position: absolute;
	color: #545353;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	line-height: 1.2em;
	font-size:11px !important;
	font-family:Tahoma, Geneva, sans-serif;
	
}
#ticker-content:focus {
	none;
}
#ticker-content a {
	text-decoration: none;	
	color: #1F527B;
		font-family:Tahoma, Geneva, sans-serif !important;
}
#ticker-content a:hover {
	text-decoration: underline;	
	color: #0D3059;
}
#ticker-swipe {
	padding-top: 9px;
	position: absolute;
	top: 0px;
	background-image:url(images/marqueebg.jpg);
	display: block;
	width: 800px;
	height: 23px; 
		font-family:Tahoma, Geneva, sans-serif !important;
}
#ticker-swipe span {
	margin-left: 1px;
	height: 12px;
	width: 7px;
	display: block;
}
#ticker-controls {
	padding: 4px 0px 0px 0px;
	list-style-type: none;
	float: right;
	display:none;
}
#ticker-controls li {
	padding: 0px;
	margin-left: 5px;
	float: right;
	cursor: pointer;
	height: 16px;
	width: 16px;
	display: block;
	font-family:Tahoma, Geneva, sans-serif !important;
}
#ticker-controls li#play-pause {
	background-image: url(images/controls.png);
	background-position: 32px 16px;
	background-color:000;
}
#ticker-controls li#play-pause.over {
	background-position: 32px 32px;
	background-color:000;
}
#ticker-controls li#play-pause.down {
	background-position: 32px 0px;
}
#ticker-controls li#play-pause.paused {
	background-image: url(images/controls.png);
	background-position: 48px 16px;
}
#ticker-controls li#play-pause.paused.over {
	background-position: 48px 32px;
}
#ticker-controls li#play-pause.paused.down {
	background-position: 48px 0px;
}
#ticker-controls li#prev {
	background-image: url(images/controls.png);
	background-position: 0px 16px;		
}
#ticker-controls li#prev.over {
	background-position: 0px 32px;		
}
#ticker-controls li#prev.down {
	background-position: 0px 0px;		
}
#ticker-controls li#next {
	background-image: url(images/controls.png);
	background-position: 16px 16px;	
}
#ticker-controls li#next.over {
	background-position: 16px 32px;	
}
#ticker-controls li#next.down {	
	background-position: 16px 0px;	
}
.js-hidden {
	display: none;
}
#no-js-news {
	padding: 10px 0px 0px 45px; 
	color: #F8F0DB;
}
.left #ticker-swipe {
	left: 80px;
}
.left #ticker-controls, .left #ticker-content, .left #ticker-title, .left #ticker {
    float: right;
}
.left #ticker-controls {
    padding-left: 6px;
}
.right #ticker-swipe {
	right: 80px;
}
.right #ticker-controls, .right #ticker-content, .right #ticker-title, .right #ticker {
    float: right;
}
.right #ticker-controls {
    padding-right: 6px;
}
.abouim
{
	float:left;
	padding-left:10px;
	padding-right:20px;
	width:330px;
	height:250px;
}

.cand img {
	
   height: 188px;
    margin-right: 5px;
    margin-top: 10px;
    width: 233px;;
	float:right;
	margin-right:5px;
}

.news_container
{
	width:970px;
	height:37px;
	margin-right:5px;
	margin-top:-4px;
	background-color:#f1f1f1;
	margin-bottom:10px;
	border-radius:5px;
		-moz-border-right-colors: 5px;
    border-radius:5px;
    behavior:url(border-radius.htc);
}
.newsconright
{
	float:right;
	background-image:url(images/newsright.png);
	height:37px;
	width:108px;
		
}
.newsconright p
{
	font-size:14px;
	padding-right:32px;
	line-height:37px;
	background-color:#B72510;
	color:#fff;
	font-family: 'HelveticaNeueLTW20';

}
.newsconleft
{
	width:30px;
	background-image:url(images/newsleft.png);
	height:30px;
	float:left;
}
.newsconmiddle
{
	background-image:url(images/newsmiddle.png);
	height:30px;
	background-repeat:repeat-x;
}
.rssic
{
	background-image:url(images/rssicon.png);
	display:block;
	width:16px;
	height:16px;
	margin-top:7px;
}

.cand img
{
	float:right;
	display:block;
	margin-right:5px;
	margin-left:6px;
	margin-top:10px;
}



.sponsorListHolder{
	margin-top:11px;
}

.sponsor{
	width:175px;
	height:140px;
	float:right;
	margin-top:11px;
	border-radius:29px;
	-moz-border-radius:29px;
	-webkit-border-radius:29px;
	-o-border-radius:29px;
	margin-right:14px;
	border:3px solid #ef0082;
	/* Giving the sponsor div a relative positioning: */
	position:relative;
	cursor:pointer;
	overflow:hidden;
	margin-left:9px;
}

.sponsorFlip{
	/*  The sponsor div will be positioned absolutely with respect
		to its parent .sponsor div and fill it in entirely */

	position:absolute;
	left:0;
	top:0;
	width:175px;
	height:140px;
	
	background:url(images/bg_flip.png) no-repeat center center #E7E6E7;
}

.sponsorFlip:hover{
}

.sponsorFlip img{
	/* Centering the logo image in the middle of the sponsorFlip div */
	
	margin:0px auto;
	display:block;
	width:175px;
	height:140px;
}

.sponsorData{
	/* Hiding the .sponsorData div */
	display:none;
}

.sponsorDescription{
	font-size:16px;
	padding:50px 10px 20px 20px;
	font-style:italic;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
}

.sponsorURL{
	font-size:11px;
	float:left;
	margin-left:10px;
		display:block;
			font-family:Verdana, Geneva, sans-serif;

}
.sponsorURL:hover
{
	font-size:11px;
	padding-left:20px;
	text-decoration:underline;

	

	float:right;
}

.clear{
	/* This class clears the floats */
	clear:both;
}


.friub
{
font-family: 'HelveticaNeueLTW20';
font-size:16px;
color:#4D6DB5;
padding-right:14px;
height:32px;
padding-bottom:10px;
line-height:32px;
	border-radius:110px 110px 125px 15px; 
	-moz-border-radius:110px 55px 125px 15px; 
	-webkit-border-radius:110px 55px 125px 15px; 
	-o-border-radius:110px 55px 125px 15px; 
	border-bottom:1px solid #f1f1f1;
	margin-top:10px;

}
.productdetail p.defv
{
	font-family: 'HelveticaNeueLTW20';
font-size:14px;
color:#B72510;
}
.productdetail img
{
	width:310px;
	height:190PX;
	border:2PX solid #EEE;
	float:left;
	margin-right:13px;
	margin-top:14px;
	border-radius:110px 55px 125px 15px; 
	-moz-border-radius:110px 55px 125px 15px; 
	-webkit-border-radius:110px 55px 125px 15px; 
	-o-border-radius:110px 55px 125px 15px; 
	

	
}
.productdetail p
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	line-height:24px;
	text-align:justify;
	color:#333;

}
ul.lsd
{
	margin-right:20px;
		font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#333;
	margin-top:10px;

}
ul.lsd li
{
	line-height:22px;
	list-style:none;

}
.ingred
{
	padding:10px 23px;;
	margin-top:14px;
	background-color:#EEF4F0;
	border-radius:10px 10px 10px 10px; 
	-moz-border-radius:10px 10px 10px 10px; 
	-webkit-border-radius:10px 10px 10px 10px;  
	-o-border-radius:10px 10px 10px 10px;  
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	text-align:justify;
	line-height:22px;

	
}
.inpc2
{
	width:380px;
}

.candyfriends
{
	background-image:url(images/candyfreindar.jpg);
	min-height:466px;
}
.sub
{
	font-family: 'HelveticaNeueLTW20';
font-size:16px;
color:#B72510;
border-bottom:1px dotted #333;
padding-bottom:7px;
margin-bottom:5px;

}
.inpc2
{
	width:220px;
}
.ccd
{
	background-color:#fff;
	border-radius:100px 110px 80px 140px; 
	-moz-border-radius:100px 110px 140px 80px; 
	-webkit-border-radius:100px 110px 140px 80px;  
	-o-border-radius:100px 110px 140px 80px; 
	padding:40px;
	width:410px; 
	border:4px solid #B72510;
	height:88px;
	margin-top:24px;
	margin-left:28px;
}

.csdf2
{
}
.csdf tr td
{
	padding:3px;
}
.csdf2 input
{
	border:0px;
	border:1px solid #c1c1c1;
	padding:4px;
	margin-left:10px;
	height:30px;
	color:#666;
	  -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
.inpc2
{
	width:280px;
}
.csdf2 input:hover
{
	border:0px;
	border:1px solid #c3c3c3;
	padding:4px;
	margin-left:10px;
	color:#316793;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
.inpc
{
	width:210px;
}

input.btrnc2
{
	float:left;
	background-color:#07345B;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	height:39px;
	line-height:22px;
	width:80px;
	  -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	font-family: 'HelveticaNeueLTW20';
	margin-top:10px;
	margin-left:24px;

}
p.ckd
{
	line-height:18px;
	font-size:12px;
	color:#333;
	padding-bottom:8px;
}
td.ucd
{
	width:150px;
}

.engli
{
	float:left;
	display:block;
	background-image:url(images/langyageicon.png);
	width:59px;
	height:56px;
	display:block;
	font-size:12px;
	color:#fff;
	line-height:46px;
	text-align:center;
	font-weight:bold;
	
	
}
.listf
{
	list-style:square;
	margin-right:30px;
}
.right_vlfd p
{
	
}
.listf  li
{
	list-style:square;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height:22px;
}
span.col
{
	color:#B72510;
}

.heaic
{
	font-size:17px;
	font-family: 'HelveticaNeueLTW20';
	color:#B72510;
	margin-left:35px;
	
}
.heaic2
{
	font-size:17px;
	font-family: 'HelveticaNeueLTW20';
	color:#FF2E00;
	margin-left:35px;
	
}
.tabdfg4 tr
{

	line-height:18px;
}


.tabdfg4 td p.pae
{
	font-weight:normal;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
}
.table2
{
	font-weight:normal;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	border:1px solid #f1f1f1;
	margin-left:50px;
	width:530px;
	margin-left:40px;
	margin-top:10px;

}
.table2 tr td
{
	padding:3px 14px;
text-align:center;
font-weight:bold;
}
.table2 tr th
{
	text-align:center;
	background:#B72510;
		padding:5px 13px;

	color:#fff;

}
#language_icon
{
	float:left;
	width:121px;
}
#language_icon ul
{
	float:left;
}
#language_icon ul li
{
	float:right;
	list-style:none;
}
#language_icon ul 
{
	margin-right:8px;
	margin-top:40px;
}
#language_icon ul li a
{
	display:block;
	float:right;
	height:26px;
	margin-top:10px;
	
}
#language_icon ul li a.en
{
	display:block;
	float:right;
	background-image:url(images/languagebar.png);
	height:26px;
	width:20px;
	background-position:0px 0px;

	
}
#language_icon ul li a.ar
{
	display:block;
	float:right;
	background-image:url(images/languagebar.png);
	height:26px;
	width:20px;
	background-position:-25px 0px;
}
.internal_pagecl
{
	background-color:#fff;
	min-height:309px;
	border:1px solid #c1c1c1;
	padding:14px;
	width:976px;
	margin:0px auto;
		border-radius:20px;
	-moz-border-radius:20px;
	-khtml-border-radius:20px;
	-webkit-border-radius:20px;
	margin-bottom:20px;
		
	
}
.middle_internal_con h6
{
font-family: 'HelveticaNeueLTW20';
	color:#fff;
	font-size:15px;
	margin-right:18px;
	border-bottom:1px dotted #666;
	padding-bottom:10px;
	color:#B82B17;
}
.top_internal
{
	background-image:url(images/topinternal.png);
	width:1000px;
	height:10px;
	
	
}
.middle_internal
{
	background-image:url(images/middleinternal.png);
	background-repeat:repeat-y;
	min-height:400px;
	width:1000px;
}
.bottom_internal
{
	background-image:url(images/bottomintertnal.png);
	width:989px;
	height:36px;
}
.middle_internal_con
{
	width:1000px;
	margin:0px auto;
}
.middle_internal_con p
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color:#000;
	line-height:21px;
	text-align:justify;
			font-family: 'HelveticaNeueLTW20';

	
}

.inf
{
	padding:8px;
	text-align:justify;
	padding-left:20px;
}
.right_vlfd
{
	float:right;
	width:720px;
	min-height:200px;
		padding-right:14px;
}
.left_vlfd
{
	float:left;
	width:248px;
	min-height:200px;
}
.colc
{
	color:#307d34;
}
.mainmenu
{
	
	float:left;
	margin-top:-10px;
	margin-left:10px;
}
.mainmenu p
{
	
font-family: 'HelveticaNeueLTW20';
		display:block;
		font-weight:bold;
		color:#A3D939;
		font-size:17px;
		text-align:center;
}
.mainmenu ul
{
	
	margin-top:2px;
	background-color:#56A6D9;
	padding:10px;
	
}
.mainmenu ul li
{
	
	list-style:none;
	display:block;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px !important;
	line-height:18px;
	padding-bottom:3px;
	border-bottom:1px solid #c1c1c1;
	display:block;
	width:200px;
	height:22px;
	line-height:22px;
	
}
.mainmenu ul li a
{
	
	color:#fff;
	display:block;
	width:200px;
}
.listitm
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	margin-right:20px;
	color:#666;
	margin-top:18px;
	
}
.listitm li
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color:#666;
	list-style:disc;
	margin-right:14px;
	line-height:28px;
	
}
.contable
{
	margin-right:40px;
	margin-top:20px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:43px;

}
.contable tr td.fitn
{
	width:180px;
	font-weight:bold;
	color:#333;

}
.df
{
	float:left;
	margin-left:10px;
	display:block;
	margin-right:10px;
}
.well label
{
	font-weight:b
}

.csdf
{
	margin-top:18px;
}
.csdf tr td
{
	padding:4px;
}
.csdf input
{
	border:0px;
	border:1px solid #c1c1c1;
	padding:4px !important;
	margin-right:10px !important;
	height:24px;
	color:#666 !important;
	  -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -khtml-border-radius: 10px !important;
    border-radius: 10px !important;
}
.csdf input:hover
{
	border:0px;
	border:1px solid #c3c3c3;
	padding:4px !important;
	margin-right:10px !important;
	color:#316793;
  -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -khtml-border-radius: 10px !important;
    border-radius: 10px !important;
}
.inpc
{
	width:410px;
}
textarea 
{
	border:0px;
	border:1px solid #c1c1c1;
	margin-right:10px  !important;
	padding:4px;
  -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -khtml-border-radius: 10px !important;
    border-radius: 10px !important;
	width:421px !important;
}
textarea:hover 
{
	border:0px;
	border:1px solid #c3c3c3;;
	margin-right:10px  !important;
  -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -khtml-border-radius: 10px !important;
    border-radius: 10px !important;
	
}
td.ucd
{
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	padding:4px;
	padding-right:18px !important;
	color:#2A7A4E !important;

}
input.btrnc
{
	float:left;
	background-color:##B92C18 !important;
	border:1px solid ##B92C18 !important;
	color:#fff !important;
	font-family:Tahoma, Geneva, sans-serif  !important;
	font-size:12px;
	height:28px;
	line-height:22px  !important;
	width:80px;
	width:80px !important;
	  -moz-border-radius: 10px  !important;
    -webkit-border-radius: 10px  !important;
    -khtml-border-radius: 10px  !important;
    border-radius: 10px  !important;
}
.imgcf
{
	margin:14px auto;
	border:1px solid #c2c2c2;
}
.mainbracnj h6
{
	font-family: 'HelveticaNeueLTW20';
	font-size:17px;
	color:#2801A9;

		
	
}
.tabdfg4
{
	width:350px;
}
.tabdfg4 h6
{
font-family: 'HelveticaNeueLTW20';
	font-size:14px;
	color:#2801A9;

}
h6.ndf
{
	color:#02AB04;
	font-size:15px;
	padding:4px 8px;;
	margin-top:10px;
	border-bottom:2px solid #666;
}
h6.ndf
{
	font-family: 'HelveticaNeueLTW20';
	font-size:14px;
	color:#2801A9;
	color:#02AB04;
	font-size:15px;
	padding:4px 8px;;
	margin-top:10px;	
	padding-right:5px;
}
.tabdfg4 td p
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14x;
	font-weight:bold;

}
.uofl
{
	background:#f1f1f1;
}

.tabdfg4  td
{
	
}
.scd
{
}
.scd td
{
	width:250px;;
}
.scd td p
{ 
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
}
.tabdfg4 td p.pae
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
}


ul.hover_block { display: block; overflow: hidden;margin-top:5px; }
			
ul.hover_block li, ul.hover_block li {
			list-style:none;
			float:right;
			background: #297038;
			 position: relative;
			width:218px;		
			height:162px;
			margin-right:5px;
			margin-top:16px;
		    border-radius:14px;
			-moz-border-radius:14px;
			-webkit-border-radius:14px;
			-ms-border-radius:14px;
			border:3px solid #CCC;
			overflow:hidden;
			
}

ul.hover_block li a, ul.hover_block2 li a {
			display: block;
			position: relative;
			overflow: hidden;
			width:218px;		
			height:162px;
			font-size:12px;
			color:#fff;
	font-family: 'HelveticaNeueLTW20';
				display:block;
			margin:0px auto;
			text-align:center;
			line-height:50px;
			
}

ul.hover_block li a, ul.hover_block2 li a { text-decoration: none; }

		ul.hover_block li img, ul.hover_block2 li img {
			position: absolute;
			top: 0;
			left: 0;
			border: 0;
		
}
.hover_block span
{
	color:#fff;
	font-size:13px;
}
.hover_block font
{
	font-weight:normal;
	color:#000;
	padding-right:5px;
	font-size:10px;
}

.hccd
{
	height:160px;
	margin-top:16px;
	margin-right:15px;
}
.beside_image h4.titleimage
{
	color:#024474;
	background-image:url(images/we-are.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:40px;
	padding-top:12px;
	height:29px;
		font-family: 'HelveticaNeueLTW20';

	
}
.beside_image h4.titleimage2
{
	color:#000;
	background-image:url(images/mission.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:40px;
	padding-top:12px;
	height:29px;
		font-family: 'HelveticaNeueLTW20';

}
.beside_image h4.titleimage3

{
	color:#000;
	background-image:url(images/vision.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:40px;
	padding-top:12px;
	height:29px;
	font-family: 'HelveticaNeueLTW20';

}
.beside_image p
{
	color:#333;
	line-height:25px;
	padding:10px;
	text-align:justify;
	padding-left:20px;
	padding-right:22px;
	padding-top:3px;
	font-size:13px;
	 font-family:Tahoma, Geneva, sans-serif;
	
}
.list
{
	margin-left:40px;
	color:#333;
	line-height:22px;
	margin-right:60px;
    list-style-type:disc;
	line-height:24px;
	color:#7b7d80;
}
.list li
{
	color:#e51c20;
}
.list li span
{
	color:#333;
	padding-right:10px;
	 font-family:Tahoma, Geneva, sans-serif;
	
	font-size:13px;
	
}



#right_about p
{
	color:#666;
	font-family: 'HelveticaNeueLTW20';
	background-color:#666;
	line-height:39px;
	color:#fff;
	font-weight:normal;
	font-size:14px;
	padding-right:22px;



}
#right_about ul
{
	background-color:#f3f3f3;

}

#right_about ul li
{
 display:block;
 line-height:24px;
 border-bottom:1px solid #cbcbcb;
 padding-bottom:3px;
 color:#727272;
 list-style:circle;
 background-position:left;
 padding-left:9px;
 background-repeat:no-repeat;
 margin-left:4px;
 padding-right:4px;
 margin-right:8px;
}
#right_about ul li a
{

 color:#333;
 font-family:Tahoma, Geneva, sans-serif;
 font-size:14px;
 padding-right:10px;
 display:block;

 
}
#right_about ul li a:hover
{
	
	background-image:url(images/list.png);
	background-repeat:no-repeat;
	background-position:100px 9px;
	color:#02487C;
	
	

 
}

#right_about ul li a.profile
{

 color:#727272;
  font-family:Tahoma, Geneva, sans-serif;
	
 font-style:italic;
 font-size:13px;
 padding-right:2px;
 display:block;

 
}
#right_about ul li a:hover
{
	
	background-image:url(images/list.png);
	background-repeat:no-repeat;
	background-position:150px 9px;
	color:#0D63AC;
	
	

 
}

h4.con
{
	
	color:#e51c20;
	padding-top:12px;
	height:29px;
	margin-top:5px;
   font-family: 'HelveticaNeueLTW20';
   font-size:14px;

	
}
p.add
{
	font-weight:normal;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color:#000;
}

p span
{
	font-weight:normal;
	line-height:19px;
	color:#333;
}
td p span a
{	

	 color:#333;
}
p span strong 
{
	 color:#333;
}
h4.contact
{
	margin-top:15px;
	color:#e51c20;
}
p.thanks
{
	font-weight:normal;
	 font-family:Tahoma, Geneva, sans-serif;
	
	font-style:italic;
	margin-top:5px;
	font-size:14px;
	margin-right:40px;
	color:#5a5a5a;
}
h4.contact
{
	color:#e51c20;
	background-image:url(images/contact.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:45px;
	padding-top:12px;
	height:29px;
}
.contactform tr
{
	height:40px;
	
}
.contactform tr td
{
	 font-family:Tahoma, Geneva, sans-serif;
	
	font-style:italic;
	font-size:14px;
	 color:#5a5a5a;
	 padding:5px;
	 padding-right:20px;

}
.contactform tr td.valid
{
	color:#e51c20;

}
.textfiled
{
	background-image:url(images/text-filed.png);
	width:251px;
	height:27px;
	background-color:transparent;
	border:0px;
	 padding-right:10px;
}
.textare
{
	border:1px solid #f63939;
}
.btnsubmit
{
	background-image:url(images/btnsend.png);
	width:73px;
	height:34px;
	border:0px;
	background-color:transparent;
	display:block;
	margin-right:240px;
}
p.data
{
	padding:20px;
	line-height:23px;
	color:#5a5a5a;
	 font-family:Tahoma, Geneva, sans-serif;
	
	font-size:14px;
}
	
}
.newitec
{
	height:90px;
	margin-top:6px;
	border-bottom:1px dotted #c1c1c1;
}

.newitec_img
{
	float:left;
	width:100px;
	height:90px;
	display:none !important;
	
}
.newitec_data
{
	width:313px;
	height:90px;
}
.newitec_data p a
{
	color:#fff;
	font-weight:bold;
	text-align:justify;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;

}
.newitec_data span
{
	display:block;
	margin-top:8px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#B9B9BA;
	text-align:justify;
	
}
#vertical-ticker li{
		
		display:block;	
		color:#333;		
		font-size:13px;
		width:333px;
		margin-right:14px;
		height:181px;
		margin-top:8px;
	
		
		
}
#vertical-ticker li h4{
		
color:#c1c1c1;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-top:12px;
	margin-left:0px;
	
		
}

#vertical-ticker p
{
	padding:0px;
	text-align:justify;

	overflow:hidden;
}

.detailednews
{
	height:82px;
	margin-top:3px;
}

.newsdetaile
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px !important;
	color:#7e7e7e;
}
.control_links
{
	margin-top:5px;
	margin-right:3px;
	
}
.control_links .back
{
	display:block;
	background-image:url(Images/previous.png);
	height:19px;
	width:19px;
	float:right;

}
.control_links .next
{

		display:block;
	background-image:url(Images/next.png);
	height:19px;
	width:19px;
	margin-right:4px;
	float:right;
}

ul.soci li
{
	float:left;
	list-style:none;
}
 ul.soci li a
{
	display:block;
	float:left;
	
	height:25px;
}
 ul.soci li a.face
{
	background-image:url(images/socialicon.png);
	background-repeat:no-repeat;
	width:27px;
	background-position:0px 0px;
	
}
 ul.soci li a.face
{
	background-image:url(images/socialicon.png);
	background-repeat:no-repeat;
	width:27px;
	background-position:0px 0px;
	
}
 ul.soci li a.rss
{
	background-image:url(images/socialicon.png);
	background-repeat:no-repeat;
	width:29px;
	background-position:-27px 0px;
	
}
 ul.soci li a.linkedinn
{
	background-image:url(images/socialicon.png);
	background-repeat:no-repeat;
	width:30px;
	background-position:-54px 0px;
	
}
 ul.soci  li a.twitter
{
	background-image:url(images/socialicon.png);
	background-repeat:no-repeat;
	width:28px;
	background-position:-84px 0px;
	
}
 ul.soci  li a.blog
{
	background-image:url(images/socialicon.png);
	background-repeat:no-repeat;
	width:27px;
	background-position:-111px 0px;
	
}
p.scs 
{
	color:#fff;
	font-size:12px;
	text-align:right;
	font-family:Tahoma, Geneva, sans-serif;
}
#subscribe
{
	height:57px;
	margin-top:10px;
	
	
}
#subscribe span
{
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	margin-left:20px;
}
.txtb
{
	background-image:url(images/txtbo.png);
	width:178px;
	display:block;
	float:right;
	height:21px;
}
.su
{
	background-image:url(images/btn.png);
	height:23px;
	width:69px;
	display:block;
	float:right;
	margin-right:4px;
	
}
.formcon
{
	margin-right:21px;
	margin-top:10px;
}
.footer_Con
{
	width:1000px;
	margin:0px auto;
}

.rightmersal h6
{
	font-family: 'HelveticaNeueLTW20';
	font-size:14px;
	padding:6px;
}
.rightmersal p
{
	color:#666;
	font-size:14px;
	line-height:22px;
	font-family:Tahoma, Geneva, sans-serif;
	padding:6px;
	text-align:justify;
	padding-left:28px;
	margin-left:24px;
	padding:3px !important;
	

}

.rightmersal p.add
{
	color:#0C4D8F;
	font-size:14px;
	line-height:22px;
	font-family:Tahoma, Geneva, sans-serif;
	padding:6px;
	text-align:justify;
	padding-left:33px;
	margin-left:6px;
	padding:4px;
	

}

/*  New Style*/
.breadcrumb
{
	height:28px;
	margin-bottom:4px;
	line-height:29px;
}
.breadcrumb ul li
{
	float:left;
	list-style:none;
	background-image:url(images/careerpage/breadcrumb.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:9px;
	margin-left:8px;
}
.breadcrumb ul li a
{
	float:left;
	display:block;
	color:#666;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	
	
}
.breadcrumb ul li a:hover
{
	float:left;
	display:block;
	color:#349ce1;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	
	
}

.careerc
{
	
	 color: #444444;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:13px;
	 line-height:19px;
	 text-align:justify;
	  color: #333333;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 13px;
    line-height: 25px;
    padding: 3px 22px 10px 20px;
    text-align: justify;
	 padding-right:4px;
	 padding-left:39px;
	 
	 margin-top:10px;
	 margin-bottom:10px;
}
.careerc2
{
	 color: #444444;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:13px;
	 line-height:19px;
	 text-align:justify;
	 margin-top:10px;
	 padding-right:4px;
	 padding-left:39px;
	 margin-bottom:20px;
}
.careerinfo
{
	font-family: 'HelveticaNeueLTW20';
	font-size:22px;
	color:#037FBD;
	padding-right:6px;
	
}
.careerhead
{
	font-family: 'HelveticaNeueLTW20';
	font-size:18px;
	color:#000;
	padding-left:6px;
	border-bottom:1px dotted #333;
	margin-bottom:14px;
	width:710px;
}
.careerhead span
{
	font-size:14px;
	font-weight:normal !important;
}
.career_container
{
	width:718px;
	padding-bottom:10px;
}

.job_head
{
	background-color:#f1f1f1;
	color:#037FBD;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 12px;
	font-weight:bold;
	padding:5px 8px;
}
.job_head
{
	margin-top:3px;
	border-bottom:1px dotted #c2c2c2;
}
.tableinf
{
	width:410px;
	margin-right:18px;
	margin-top:8px;
	line-height:22px;
}

.rdf
{
	font-weight:bold;
    font-family: Tahoma,Geneva,sans-serif;
	font-size:12px;

}
.pos
{
	font-weight:bold;
    font-family: Tahoma,Geneva,sans-serif;
	font-size:12px;
}
.divs
{
	font-weight:bold;
    font-family: Tahoma,Geneva,sans-serif;
	font-size:12px;
}
.rdf2
{
	font-weight:bold;
    font-family: Tahoma,Geneva,sans-serif;
	font-size:12px;
	margin-top:14px;
}
.incdata
{
    font-family: Tahoma,Geneva,sans-serif;
	font-size:12px;
	color:#444444;

}
.expoeingo
{
	font-size:11px;
	color:#444444;
    font-family: Tahoma,Geneva,sans-serif;
	margin-left:24px;
	margin-top:3px;
	margin-bottom:4px;

}
.expoeingo li
{
	font-size:12px;
	color:#444444;
    font-family: Tahoma,Geneva,sans-serif;

}
p.incod
{
	color: #444444;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding-left: 4px;
    padding-right: 39px;
    text-align: justify;
	padding-bottom:10px;
	margin-top:20px;
	    font-family: Tahoma,Geneva,sans-serif;
    font-size: 13px;
    line-height: 25px;
    padding: 3px 22px 10px 20px;
    text-align: justify;
	 padding-right:4px;
	 padding-left:39px;

	

}
.dwlo
{
	color:#2184bb;
	font-weight:bold;
	margin-top:10px;
	
}

#internaL_pagedata
{
	background-color:#fff;
	padding:20px;
}

.eventitem
{
	border-bottom:1px solid #f1f1f1;
	padding-bottom:10px;
	margin-top:8px;
}
.eventitem p a
{
font-family: 'HelveticaNeueLTW20';
	font-size:13px;
	font-weight:bold;
	color:#0D63AC;      
}
.eventitem span
{
	    font-family: Tahoma,Geneva,sans-serif;
	font-size:13px;
	color:#333; 
	padding-top:4px; 
	line-height:22px; 
	display:block;                                        
}
.redmor
{
	float:left !important;
	color:#5376b4 !important; 
	font-size:12px !important;
	display:block !important;
  font-family: Tahoma,Geneva,sans-serif;
  margin-top:10px;
  font-weight:bold;

	
}
.redmor:hover
{
	float:left !important;
	color:#5376b4 !important; 
	font-size:12px !important;
	display:block !important;
	text-decoration:underline;
	
}
.itemsc
{

	margin-top:24px;
}
.beside_image ul
{
	margin-right:24px;
}
.beside_image ul li
{
	line-height:23px;
		color:#04477C;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 13px;
    line-height: 25px;
    text-align: justify;
	font-weight:bold;
}



.galler_image
{
  border: 2px solid #EEEEEE;
    float: right;
    height: 110px;
    margin-right: 4px;
    margin-top: 14px;
    width: 170px;
}

.galler_image a img
{
	width:190px;
	height:150PX;
	display:block;
}

.imaggall h6
{
	font-family: 'HelveticaNeueLTW20';
	border-bottom:1px solid #c1c1c1;
	font-size:16px;
	color:#04477C;
	margin-top:14px;
	padding-bottom:18px;
}



.galleryContainer {width: 755px;margin:10px auto;}
.galleryImage { background-color:#037FBD; width:232px; height:187px;border:1px solid #c3c3c3;
 overflow:hidden; float:right;margin-left:7px;margin-top:9px;}
 .galleryImage img
 {
	
	
 }
.info    { margin-left:10px; font-family:arial;padding:3px;}
.info h2 { color:#fff;font-family: 'HelveticaNeueLTW20';font-size:14px;
font-weight:bold;}
.info p { color:white;margin-top:0px;
padding-top:0px;padding-left:2px;padding-right:10px;
line-height:16px;
font-size:12px;}
.clear { clear:both; }


.csdf
{
	margin-top:18px;
}
.csdf tr td
{
	padding:4px;
}
.csdf input
{
	border:0px;
	border:1px solid #c1c1c1;
	padding:4px;
	margin-right:10px;
	height:24px;
	color:#666;
	  -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}
.csdf input:hover
{
	border:0px;
	border:1px solid #c3c3c3;
	padding:4px;
	margin-right:10px;
	color:#316793;
		  -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
	background-color:#f1f1f1;
}
.inpc
{
	width:420px;
}
.inpc
{
	width:420px;
}
.inpc2
{
	width:380px;
}
.csdf select
{
		border:0px;
	border:1px solid #c1c1c1;
	padding:4px;
	margin-right:10px;
	height:34px;
	color:#666;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
	padding:8px;
	width:430px;

}
.csdf select:hover
{
		border:0px;
	border:1px solid #c1c1c1;
	padding:4px;
	margin-right:10px;
	height:34px;
	color:#02487C;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
	padding:8px;
	width:430px;
		background-color:#f1f1f1;

}

textarea 
{
	border:0px;
	border:1px solid #c1c1c1;
	margin-right:10px;
	padding:4px;
		  -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}
textarea:hover 
{
	border:0px;
	border:1px solid #c3c3c3;;
	margin-right:10px;
	  -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
		background-color:#f1f1f1;

}
td.ucd
{
	font-weight:bold;
	font-family: 'HelveticaNeueLTW20';
	font-size:13px;
	padding:4px;
	padding-left:18px;

}
input.btrnc
{
	float:left;
	background-color:#07345B;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	height:28px;
	line-height:22px;
	width:80px;
	  -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    -khtml-border-radius: 22px;
    border-radius:22px;
}
.imgcf
{
	margin:14px auto;
	border:1px solid #c2c2c2;
}
.mainbracnj h6
{
	font-family: 'HelveticaNeueLTW20';
	font-size:17px;
	color:#72055b;

		
	
}
.tabdfg4
{
	width:450px;
	margin-left:40px;
}
.tabdfg4 h6
{
	font-family: 'HelveticaNeueLTW20';
	font-size:14px;
	color:#72055B;
	text-transform:uppercase;

}
.fills
{
	font-family: 'HelveticaNeueLTW20';
	font-size:19px;
	color:#02426E;
}
.hccd
{
	height:160px;
	margin-top:16px;
	margin-left:15px;
}
.beside_image h4.titleimage
{
	color:#024474;
	background-image:url(images/we-are.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:40px;
	padding-top:12px;
	height:29px;
		font-family: 'TitilliumText800wt';

	
}
.beside_image h4.titleimage2
{
	color:#000;
	background-image:url(images/mission.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:40px;
	padding-top:12px;
	height:29px;
		font-family: 'TitilliumText800wt';

}
.beside_image h4.titleimage3

{
	color:#000;
	background-image:url(images/vision.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:40px;
	padding-top:12px;
	height:29px;
	font-family: 'TitilliumText800wt';

}
.beside_image p
{
	color:#333;
	line-height:25px;
	padding:10px;
	text-align:justify;
	padding-left:20px;
	padding-right:22px;
	padding-top:3px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;

}
.list
{
	margin-left:40px;
	color:#333;
	line-height:22px;
	margin-left:60px;
    list-style-type:disc;
	line-height:24px;
	color:#7b7d80;
}
.list li
{
	color:#e51c20;
}
.list li span
{
	color:#333;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;
	
}



#right_about p
{
	color:#666;
	font-family: 'TitilliumText800wt';
	background-color:#666;
	line-height:39px;
	color:#fff;
	font-weight:normal;
	font-size:14px;
	padding-left:22px;



}
#right_about ul
{
	background-color:#f3f3f3;

}

#right_about ul li
{
 display:block;
 line-height:24px;
 border-bottom:1px solid #cbcbcb;
 padding-bottom:3px;
 color:#727272;
 list-style:circle;
 background-position:left;
 padding-left:9px;
 background-repeat:no-repeat;
 margin-left:4px;
 padding-right:4px;
 margin-right:8px;
}
#right_about ul li a
{

 color:#000;
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 padding-left:10px;
 display:block;

 
}
#right_about ul li a:hover
{
	
	background-image:url(images/list.png);
	background-repeat:no-repeat;
	background-position:100px 9px;
	color:#014576;
	
	

 
}

#right_about ul li a.profile
{

 color:#727272;
 font-family:Arial, Helvetica, sans-serif;

 font-style:italic;
 font-size:13px;
 padding-left:2px;
 display:block;

 
}
#right_about ul li a:hover
{
	
	background-image:url(images/list.png);
	background-repeat:no-repeat;
	background-position:150px 9px;
	color:#02426E;
	
	

 
}

h4.con
{
	
	color:#e51c20;
	padding-top:12px;
	height:29px;
	margin-top:5px;
	
}
p.add
{
	font-weight:normal;
	color:#000;
}

p span
{
	font-weight:normal;
	line-height:19px;
	color:#333;
}
td p span a
{	

	 color:#333;
}
p span strong 
{
	 color:#333;
}
h4.contact
{
	margin-top:15px;
	color:#e51c20;
}
p.thanks
{
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;
	margin-top:5px;
	font-size:14px;
	margin-left:40px;
	color:#5a5a5a;
}
h4.contact
{
	color:#e51c20;
	background-image:url(images/contact.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:45px;
	padding-top:12px;
	height:29px;
}
.contactform tr
{
	height:40px;
	
}
.contactform tr td
{
	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;
	font-size:14px;
	 color:#5a5a5a;
	 padding:5px;
	 padding-left:20px;

}
.contactform tr td.valid
{
	color:#e51c20;

}
.textfiled
{
	background-image:url(images/text-filed.png);
	width:251px;
	height:27px;
	background-color:transparent;
	border:0px;
	 padding-left:10px;
}
.textare
{
	border:1px solid #f63939;
}
.btnsubmit
{
	background-image:url(images/btnsend.png);
	width:73px;
	height:34px;
	border:0px;
	background-color:transparent;
	display:block;
	margin-left:240px;
}
p.data
{
	padding:20px;
	line-height:23px;
	color:#5a5a5a;
	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;
	padding-right:40px;
	font-style:italic;
}
.blocks
{
	width:670px;
	min-height:100px;	
	margin-left:17px;
   
}
.block
{
	width:305px;
	min-height:80px;
	float:left;
	margin-left:10px;
	margin-top:10px;
}
.block .blockTitle
{
	color:#e20713;
	font-family: 'TitilliumText800wt';
	font-weight:normal;
	font-size:14px;
}
.block .desc
{
	font-family:Arial, Helvetica, sans-serif;

	color:#5a5a5a;
	font-size:14px;
	line-height:20px;
	padding:8px;
}

 .rightmersal h6
{
	font-family: 'HelveticaNeueLTW20';
	font-size:14px;
	padding:6px;
}
.rightmersal p
{
	color:#666;
	font-size:15px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	padding:6px;
	text-align:justify;
	padding-left:28px;
	margin-left:6px;
	padding:8px;
	

}

.rightmersal p.add
{
	color:#0C4D8F;
	font-size:15px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	padding:6px;
	text-align:justify;
	padding-left:33px;
	margin-left:6px;
	padding:4px;
	

}
.rightmersal p.add2
{
	color:#C12942;
	font-size:17px;
	line-height:22px;
	font-family: 'HelveticaNeueLTW20';
	padding:6px;
	text-align:justify;
	padding-left:33px;
	margin-left:6px;
	padding:4px;
	text-transform:uppercase;
		color:#C12942;

}


.rightmersal
{
	font-weight:normal !important;
}

/*  New Style*/
.breadcrumb
{
	height:28px;
	margin-bottom:4px;
	line-height:29px;
}
.breadcrumb ul li
{
	float:right;
	list-style:none;
	background-image:url(../Images/breadcrumb.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-left:9px;
	margin-left:8px;
}
.breadcrumb ul li a
{
	float:right;
	display:block;
	color:#666;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	
	
}
.breadcrumb ul li a:hover
{
	float:right;
	display:block;
	color:#349ce1;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	
	
}

.careerc
{
	
	 color: #444444;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:13px;
	 line-height:19px;
	 text-align:justify;
	
	 padding-left:4px;
	 padding-right:39px;
	 
	 margin-top:10px;
	 margin-bottom:10px;
}
.careerc2
{
	 color: #444444;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:13px;
	 line-height:19px;
	 text-align:justify;
	 margin-top:10px;
	 padding-left:4px;
	 padding-right:39px;
	 margin-bottom:20px;
}
.careerinfo
{
	font-family: 'HelveticaNeueLTW20';
	font-size:22px;
	color:#037FBD;
	padding-left:6px;
	
}
.careerhead
{
	font-family: 'HelveticaNeueLTW20';
	font-size:18px;
	color:#000;
	padding-left:6px;
	border-bottom:1px dotted #333;
	margin-bottom:14px;
	width:710px;
}
.careerhead span
{
	font-size:14px;
	font-weight:normal !important;
}
.career_container
{
	width:718px;
	padding-bottom:10px;
}

.job_head
{
	background-color:#f1f1f1;
	color:#037FBD;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:5px 8px;
	font-size:13px;
}
.job_head
{
	margin-top:3px;
	border-bottom:1px dotted #c2c2c2;
}
.tableinf
{
	width:410px;
	margin-left:18px;
	margin-top:8px;
}

.rdf
{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

}
.pos
{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.divs
{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.rdf2
{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:14px;
}
.incdata
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;

}
.expoeingo
{
	font-size:11px;
	color:#444444;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:24px;
	margin-top:3px;
	margin-bottom:4px;

}
.expoeingo li
{
	font-size:12px;
	color:#444444;
	font-family:Arial, Helvetica, sans-serif;

}
p.incod
{
	color: #444444;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding-left: 4px;
    padding-right: 39px;
    text-align: justify;
	padding-bottom:10px;
	margin-top:20px;

}
.dwlo
{
	color:#2184bb;

	font-weight:bold;
	margin-top:10px;
	
}

#internaL_pagedata
{
	background-color:#fff;
	padding:20px;
}
.hccd
{
	height:160px;
	margin-top:16px;
	margin-right:0px;
}
.beside_image h4.titleimage
{
	color:#024474;
	background-image:url(images/we-are.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:40px;
	padding-top:12px;
	height:29px;
		font-family: 'HelveticaNeueLTW20';

	
}
.beside_image h4.titleimage2
{
	color:#000;
	background-image:url(images/mission.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:40px;
	padding-top:12px;
	height:29px;
		font-family: 'HelveticaNeueLTW20';

}
.beside_image h4.titleimage3

{
	color:#000;
	background-image:url(images/vision.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:40px;
	padding-top:12px;
	height:29px;
	font-family: 'HelveticaNeueLTW20';

}
.beside_image p
{
	color:#333;
	line-height:25px;
	padding:10px;
	text-align:justify;
	padding-left:20px;
	padding-right:22px;
	padding-top:3px;
	font-size:13px;
	 font-family:Tahoma, Geneva, sans-serif;
	
}
.list
{
	margin-left:40px;
	color:#333;
	line-height:22px;
	margin-right:60px;
    list-style-type:disc;
	line-height:24px;
	color:#7b7d80;
}
.list li
{
	color:#e51c20;
}
.list li span
{
	color:#333;
	padding-right:10px;
	 font-family:Tahoma, Geneva, sans-serif;
	
	font-size:13px;
	
}

.formcon
{
	margin-right:21px;
	margin-top:10px;
}
.footer_Con
{
	width:1000px;
	margin:0px auto;
}

.rightmersal h6
{
	font-family: 'HelveticaNeueLTW20';
	font-size:14px;
	padding:6px;
}
.rightmersal p
{
	color:#666;
	font-size:14px;
	line-height:18px;
		font-family: 'HelveticaNeueLTW20';
	padding:6px;
	text-align:justify;
	padding-left:28px;
	margin-left:24px;
	padding:4px;
	font-weight:normal;
		font-family: 'HelveticaNeueLTW20';

}

.rightmersal p.add
{
	color:#0C4D8F;
	font-size:14px;
	line-height:22px;
	font-weight:normal;
		font-family: 'HelveticaNeueLTW20';
	padding:6px;
	text-align:justify;
	padding-left:33px;
	margin-left:6px;
	padding:4px;
	

}




.block
{
	margin-top:20px;
	overflow:visible;
}
.block h1.abo
{
	
	background-image:url(Images/content/abouthea.png);
	width:139px;
	height:28px;
}
.block p
{
	
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	margin-right:30px;
	line-height:22px;
	margin-top:3px;
	color:#5c5050;
} 
.block  ul li
{

color:#394a6a;
font-size:12px;
padding-right:2px;
font-family:Tahoma, Geneva, sans-serif;
color:#5c5050;
line-height:22px;
list-style-type:circle;
margin-right:40px;
overflow:visible;
}
.block  ul.tea li
{

color:#394a6a;
font-size:12px;
padding-right:2px;
font-family:Tahoma, Geneva, sans-serif;
color:#5c5050;

list-style-type:square;
margin-top:5px;
margin-right:68px;
overflow:visible;
}
.blockcc  ul.tea li p
{

	width:300px;
	float:right;
	
}
.blockcc  ul.tea li span
{

	color:#de750c;
	
	
}
.blockcc  h1.sitemap
{
	background-image:url(Images/content/sitemap-head.png);
	width:105px;
	height:22px;
}
.blockcc  h1.TimeSchedule
{
	background-image:url(Images/content/TimeSchedule.png);
	width:113px;
	height:23px;
}
.blockcc  h1.Hierachy
{
	background-image:url(Images/content/Structure.png);
	width:105px;
	height:22px;
}
.blockcc  h1.news_head
{
	background-image:url(Images/content/new_head.png);
	width:84px;
	height:32px;
	margin-bottom:10px;
}
.newscc
{
	min-height:100px;
	background-color:#FFF;
	margin-top:5px;
	
}
.newscc p
{
	color:#666;
	font-size:13px;
	padding:5px;
			font-family: 'HelveticaNeueLTW20';

}
.newscc .imagecc
{
	float:right;
	
	min-height:100px;
	display:block;


}
p.ncd
{
	color:#333;
	font-size:16px;
}
.newscc .imagecc img
{
	 border: 1px solid #f2f2f2;
    display: block;
    height: 132px;
    margin: 10px auto;
    width: 208px;
	margin-left:10px;
}
.newscc .textcc
{
	float:left;
	width:560px;
	min-height:100px;
	margin-top:10px;
}
.newscc .textcc p
{
	font-size:12px;
	color:#394a6a;
	line-height:24px;
	padding:0px;
}
.more2
{
	color:#de750c;
	display:block;
	float:left;
	
	margin-left:50px;
	margin-top:15px;
}
.imfc
{
	float:right;
}
p.fonwe
{
	font-weight:normal;
	font-family:Tahoma, Geneva, sans-serif !important;
}


.socialmd ul li
{
	list-style-type:none;
	display:block;
	float:right;
} 
.socialmd ul
{
	float:left;
	margin-left:40px;
	margin-top:15px;
}
.socialmd ul li a
{
	list-style-type:none;
	display:block;
	float:right;
	height:47px;
}
.socialmd ul li a.you
{
	list-style-type:none;
	display:block;
	float:right;
	width:40px;
	background-image:url(../Images/socialicon.png);
	background-position:0px 0px;
	background-position:-89px 0px;
}
.socialmd ul li a.face
{
	list-style-type:none;
	display:block;
	float:right;
	width:47px;
	background-image:url(../Images/socialicon.png);
	background-position:-43px 0px;
}
.socialmd ul li a.twitt
{
	list-style-type:none;
	display:block;
	float:right;
	width:43px;
	background-image:url(../Images/socialicon.png);
	background-position:0px 0px;
}
#bannar
{height:413px;
}
#slider_container
{
	background-image:url(../Images/slider_bg.png);
	height:491px;
	margin:0px auto;
	width:992px;
	margin-top:-30px;	
	position:absolute;
	z-index:1500;
	margin-right:10px;

	
	
		

}
#slider_container img
{
	width:898px;
	height:212px;
	display:block;
	margin:0px auto;
	margin-top:17px !important;	

}


#marquee_news
{
	width:979px;
	height:56px;
	background-image:url(../images/marqueebg.jpg);
	background-repeat:repeat-x;
	margin:0px auto;
	line-height:26px;
	margin-top:12px;

}


#newtitle
{
	float:right;
	height:47px;
	width:100px;
	background-image:url(../images/newbgd.png);
	background-repeat:no-repeat;
	background-position:center center;
		display:block;
	font-family: 'HelveticaNeueLTW20';
	color:#fff;
	font-weight:normal  !important;
	font-size:16pX;
	line-height:44px;
	padding-right:27px;
}
#rss
{
	float:left;
	width:31px;
	line-height:26px;
}
#Marquee_itself
{
	width:812px;
	background-image:url(../Images/bgnew.png);
	height:46px;
	background-position:bottom;
}
#rss a
{	
	height:46px;
	display:block;
	margin-top:8px;
	line-height:26px;
	position:absolute;
	margin-left:105px;
}

/* Ticker Styling */
#ticker-wrapper.has-js {

		width:842px;

	display: block;
	font-size: 0.75em;
	float:right;
}
#ticker {
	width: 710px;
	height: 23px;
	display: block;
	position: relative;
	overflow: hidden;
}
#ticker-title {
	
	
}
#ticker-content {
	margin: 0px;
	padding-top: 9px;
	position: absolute;
	color: #545353;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	line-height: 1.2em;
}
#ticker-content:focus {
	none;
}
#ticker-content a {
	text-decoration: none;	
	color: #1F527B;
}
#ticker-content a:hover {
	text-decoration: underline;	
	color: #0D3059;
}
#ticker-swipe {
	padding-top: 9px;
	position: absolute;
	top: 0px;
	background-image:url(../images/marqueebg.jpg);
	display: block;
	width: 800px;
	height: 23px; 
}
#ticker-swipe span {
	margin-left: 1px;
	height: 12px;
	width: 7px;
	display: block;
}
#ticker-controls {
	padding: 4px 0px 0px 0px;
	list-style-type: none;
	float: right;
	display:none;
}
#ticker-controls li {
	padding: 0px;
	margin-left: 5px;
	float: right;
	cursor: pointer;
	height: 16px;
	width: 16px;
	display: block;
	font-family:Tahoma, Geneva, sans-serif;
}
#ticker-controls li#play-pause {
	background-image: url(images/controls.png);
	background-position: 32px 16px;
	background-color:000;
}
#ticker-controls li#play-pause.over {
	background-position: 32px 32px;
	background-color:000;
}
#ticker-controls li#play-pause.down {
	background-position: 32px 0px;
}
#ticker-controls li#play-pause.paused {
	background-image: url(images/controls.png);
	background-position: 48px 16px;
}
#ticker-controls li#play-pause.paused.over {
	background-position: 48px 32px;
}
#ticker-controls li#play-pause.paused.down {
	background-position: 48px 0px;
}
#ticker-controls li#prev {
	background-image: url(images/controls.png);
	background-position: 0px 16px;		
}
#ticker-controls li#prev.over {
	background-position: 0px 32px;		
}
#ticker-controls li#prev.down {
	background-position: 0px 0px;		
}
#ticker-controls li#next {
	background-image: url(images/controls.png);
	background-position: 16px 16px;	
}
#ticker-controls li#next.over {
	background-position: 16px 32px;	
}
#ticker-controls li#next.down {	
	background-position: 16px 0px;	
}
.js-hidden {
	display: none;
}
#no-js-news {
	padding: 10px 0px 0px 45px; 
	color: #F8F0DB;
}
.left #ticker-swipe {
	left: 80px;
}
.left #ticker-controls, .left #ticker-content, .left #ticker-title, .left #ticker {
    float: right;
}
.left #ticker-controls {
    padding-left: 6px;
}
.right #ticker-swipe {
	right: 80px;
}
.right #ticker-controls, .right #ticker-content, .right #ticker-title, .right #ticker {
    float: right;
}
.right #ticker-controls {
    padding-right: 6px;
}
#rightabout
{
	float:right;
	width:410px;;
	background-color:#f3f3f3;
	min-height:250px;
	
}
#left_productrs
{
	float:left;
	width:611px;
	min-height:250px;
}
.productcdiv
{
	background-image:url(../Images/leftproducts.jpg);
	width:621px;
	height:295px;
	margin-left:-3px;
}
.aboutdivc
{
	background-image:url(../Images/aboutbg.jpg);
	width:421px;
	height:289px;
	background-position:right;
		margin-right:-10px;
}
.aboutdivccondv
{
	width:342px;
	margin:0px auto;
}
.aboutdivccondv h6
{
	font-family: 'HelveticaNeueLTW20';
	color:#fff;
	font-weight:normal  !important;
	font-size:17px;
	margin-top:15px;
	margin-right:30px;
}
.aboutdivccondv p
{
	font-family: 'HelveticaNeueLTW20';
	color:#666;
	font-weight:normal  !important;
	font-size:13px;
	margin-top:29px;
	margin-right:30px;
	line-height:21px;
}
.aboutdivccondv a
{
	float:left;
	display:block;
	width:67px;
	height:29px;
	font-family: 'HelveticaNeueLTW20';
	color:#fff;
	font-weight:normal  !important;
	font-size:12px;
	background-image:url(../Images/more.jpg);
	text-align:center;

}
.productcdivcondv
{
	width:554px;
	margin:0px auto;
}
.productcdivcondv h6
{
	font-family: 'HelveticaNeueLTW20';
	color:#fff;
	font-weight:normal  !important;
	font-size:17px;
	margin-top:15px;
	margin-right:30px;
}





.producslidecontainer
{
	width:550px;
	height:229px;
	float:left;
}

#middle_scroll
{

	
	background-repeat:repeat-x;
	width:960px;
	margin:0px auto;
}

#logoscrolls
{
	width:955px;
	margin:0px auto;
}


.list_carousel 
{
	width:543px;	
	

	
}

.list_carousel li
 {
	font-size: 40px;
	color: #999;	
	padding: 0;		
	display: block;
	float: left;
	width:196px;
	background-image:url(images/listimage.png);
	background-position:right;
	background-repeat:no-repeat;
	margin-left:6px;	

		
 }
#rightcareoul
{
	float:right;
	width:36px;
}
#leftcareoul
{
	float:left;
	width:36px;

}
#middlecareoul
{
	width:462px;
	height:220px;
}
.caroufredsel_wrapper
{
	width:977px !important;
	height:210px !important;

}

.list_carousel li
{	

list-style:none;



}




.prevee 
{
	float: left;
	width:36px;
	height:84px;
	display:block;
	background-image:url(../images/rightscroll.png);
	background-repeat:no-repeat;
	margin-top:80px;


}
.nextee 
{
    float: right;	
	background-image:url(../images/leftscroll.png);
	width:36px;
	height:84px;
	display:block;
	margin-top:80px;
	background-repeat:no-repeat;

}
#foo2
{
	direction:rtl;
	margin-top:10px;
	margin-left:-10px;
		height:210px !important;
margin-top:14px !important;
}

.blockfoo
{
	width:190px;
	margin:0px auto;
	background:#f6f6f6;
	height:180px;
	
	

	
}

.blockfoo:hover
{
	width:190px;
	
	margin:0px auto;
	background:#f6f6f6;
	border:3px solid #449465;

	
}
.blockfoo a
{
	display:block;
	color:#333;
	margin-right:10px;
	margin-top:4px;
}
.blockfoo  img
{
	display:block;
	margin:0px auto;
	width:180px;
	height:140px;
	
}
.blockfoo a 
{
	display:block;
	font-size:14px;
	font-family: 'HelveticaNeueLTW20';
	font-weight:normal  !important;
	text-align:center;
	margin-top:2px;
	color:#2464A6;
}
#our_client
{
	
/*	background-color:#0F6;
*/	
	margin-right:5px;
	
	
	direction:ltr;
}
#left_data
{
	float:left;
	width:455px;
	min-height:200px;
/*	background-color:#000;
*/}
#right_data
{
	float:right;
	width:334px;
	min-height:200px;
}
			/*Style the Gallary*/

.box_container{
    position:relative; /* important */
    width:223px; /* we must set a specific width of the container, so it doesn't strech when the image starts moving */
    height:169px; /* important */
    overflow:hidden; /* hide the content that goes out of the div */
    /*just styling bellow*/
  
    color:#2e759e;
	margin-left:5px;
	float:right;
	margin-top:10px;
	border:1px solid #d3e5ef;
    }
.box_container p
 {
	 
	 padding:5px;
	 font-size:10px;
	 text-align:center;
	 margin-top:10%;
	 color:#fff;
	 font-weight:bold;
	 font-family:Tahoma, Geneva, sans-serif;
	 line-height:30px;
   font-family: 'HelveticaNeueLTW20';
}


.shadowclient
{
	float:right;
    background-image:url(../images/OurClients/clientsj.png);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:18px;
	margin-left:-9px;
	
}
			/*Style the Gallary*/

.box_container{
    position:relative; /* important */
    width:191px; /* we must set a specific width of the container, so it doesn't strech when the image starts moving */
    height:138px; /* important */
    overflow:hidden; /* hide the content that goes out of the div */
    /*just styling bellow*/
    background-image:url(../images/OurClients/bg.png);
    color:#2e759e;
	margin-right:8px;
	float:right;
	margin-top:10px;

    }
.box_container p
 {
	 
	 padding:5px;
	 font-size:15px;
	 text-align:center;
	font-weight:normal;
	   font-family: 'HelveticaNeueLTW20';
	 line-height:100px;
   
}

.images_holder
{
    position:absolute; /* this is important, so the div is positioned on top of the text */
 }
.image_div
 {
     position:relative; /* important so we can work with the left or right indent */
     overflow:hidden; /* hide the content outside the div (this is how we will hide the part of the image) */
     width:50%; /* make it 50% of the whole images_holder */
     float:left;
		 /* make then inline */
 }
.right img
   {
      margin-left:-100%; /* 100% is in this case 50% of the image, so this is how we show the second part of the image */
    }
.clear
 {
        clear:both;    
 }



#options {;text-align:right;font-size:12px;; color:#000;margin-top:-35px;}
#options a {text-decoration:none; color:#65696b;}
#options a:hover {color:#033}

#acc {width:605px;padding-top:10px; list-style:none;margin-left:40px;; color:#033;}
#acc li
{
	margin-top:20px;
}

#acc h3 {width:605px;padding-left:5px;;padding-bottom:10px;padding-top:10px;color:#4b4e4f;font-size:13px;;
border-bottom:1px dotted #000;font-family:Tahoma, Geneva, sans-serif, Geneva;font-weight:600;
; sans-serif;cursor:pointer;}


#acc .acc-section
 {
	overflow:hidden;
	color:#727475;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-top:10px;
	padding-left:5px;
	line-height:22px;
	text-align:justify;
	
  }
#acc .acc-content {width:600px;color:#727475;font-family:Verdana, Geneva, sans-serif; }
.pre
{
	color:#000;
	display:block;
	margin-left:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:#727475;
	margin-top:10px;
}
ol.me
{
	overflow:visible;
	margin-left:55px;
	line-height:10px;
	margin-top:-10px;
}
.partner h6
{
	margin-top:12px;
}
.linsbf ul
{
	float:right;
	margin-right:40px;
	margin-top:30px;
	

}
.linsbf ul li
{
	display:block;
	list-style:none;
	font-size:13px;
	font-family: 'HelveticaNeueLTW20';

}
.linsbf ul li a
{
	display:block;
	list-style:none;
	font-size:12px;
	font-family: 'HelveticaNeueLTW20';
	color:#000;
	line-height:33px;
}
.txtboxclass
{
	display:block;
	width:144px;
	height:28px;
	background-image:url(../Images/txtbg.png);
	float:right;
	border:0px;	
	background-color:transparent;
	font-family: 'HelveticaNeueLTW20';
	font-size:11px;
	font-weight:normal;
	padding-right:20px;


}
.btnsubm
{
	display:block;
	float:right;
	border:0px;	
	background-color:transparent;
	width:74px;
	height:28px;
	background-image:url(../Images/btnsub.png);
		 font-size:13px;
	 text-align:center;
	font-weight:normal;
	   font-family: 'HelveticaNeueLTW20';
	   color:#fff;

}
.servicesboxli p
{
	font-family: 'HelveticaNeueLTW20';
	color:#000;
	font-size:12px;
	line-height:20px;
	margin-top:10px;
	padding:11px;

}
.contencontatc
{
	width:300px;
	margin:0px auto;
	margin-right:24px;
	margin-top:28px;

}
.contencontatc p
{
		font-family: 'HelveticaNeueLTW20';
	color:#000;
	font-size:12px;
	line-height:20px;

}

.social
{
	float:left;
	
}
/* SOCIAL ICONS - GENERAL */
.social { list-style:none; margin:0px auto; }
.social li { display:inline; float:left; background-repeat:no-repeat; }
.social li a { display:block; width:32px; height:48px; padding-right:5px; position:relative; text-decoration:none; }
.social li a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:1px; z-index:9999;
 text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7);
 -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

li.delicious { background-image:url("../images/delicious.png");display:none; }
li.digg { background-image:url("../images/digg.png");display:none;  }
li.facebook { background-image:url("../images/facebook.png");display:none;  }
li.flickr { background-image:url("../images/flickr.png"); }
li.linkedin { background-image:url("../images/linkedin.png"); }
li.reddit { background-image:url("../images/reddit.png"); display:none; }
li.rss { background-image:url("../images/rssicon.png"); }
li.twitter { background-image:url("../images/twitter.png"); }