@charset "utf-8";
/* CSS Document */

body {
	/*background:#e1f5fb url(../images/bg.jpg) repeat-x top center;	*/
	font-family:Arial,Verdana,Tahoma;
	font-size:14px;
	font-weight:normal;
	line-height:26px;
	margin:0;
	text-decoration:none;
	color:#242424;	
	}

/*-----*/
a:link, a:visited {
	font-family:Arial,Verdana,Tahoma;
	color: #414141;
	text-decoration: none;
}
a:hover, a:active {
	font-family:Arial,Verdana,Tahoma;
	color: #166ab5;
	text-decoration: none;
}
header{ padding:0 10px;}
header img{ vertical-align:middle}
header h1{ font-size:28px; text-transform:uppercase}
.menu-toggle{
	position: absolute;
	right: 15px;
	top: 25px;
	font-size: 30px;
	color: #fff;
}

.menu{
	width: 300px;
	display: block;
	background: #fff;
	height: 100%;
	top: 0;
	right: -300px;
	position: fixed;
	z-index: 100;
	transition: right 0.4s;
	text-shadow:none
}

.menu.nav-expanded{
	right: 0;
}

.menu .close{
	color: #333;
	margin-right: 10px;
	margin-top:10px;
	float:right
}

.menu h3{
	margin-top:40px;
	text-transform: uppercase;
}

.menu .nav{
	padding: 0 30px;
	list-style:none
}

.menu .nav > li > a{
	color: #333;
	padding-bottom:20px
}

.menu .nav > li > a:hover,
.menu .nav > li > a:focus{
	background: transparent;
	color: #000;
}


/* drop down menu*/
.navi-border {
	background:url(../images/menu-bg.gif) top center no-repeat;
	height:31px;
	margin:0;
	padding:0;
	width:1000px;
}
.navi-border2 {
	background:url(../images/menu-bg.png) top center no-repeat;
	height:31px;
	margin:0;
	padding:0;
	width:1000px;
}
#sddm
{	margin: 0 ;
	padding: 0;
	background:#fff;
	border-bottom:none;
	}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 12px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 1px;
	padding: 7px 13px;
	width: auto;	
	text-align: center;
	text-decoration: none;
	color:#fff;
	}

#sddm li a:hover
{	color:#fff;
	background:#166ab5;
	padding: 7px 13px;
	}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background:#c1c1c1;
	border:#c1c1c1 1px solid;
	z-index:300;}
	

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 4px 13px;
		width:200px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #fff;
		color: #585859;
		font: 12px arial;	
		
		}

	#sddm div a:hover
	{	background-color:#258eca;
		color: #fff;
		padding: 4px 13px;
		}
.txt-title {
		font-family:Arial,Verdana,Tahoma;
	font-size:14px;
	font-weight:normal;
	line-height:22px;
	color:#242424;	
}

p {
	font-family:Arial,Verdana,Tahoma;
	font-size:12px;
	font-weight:normal;
}

.overview-title {
	background: url(../images/faq-bg.gif) no-repeat;
	height:28px;
	padding-left:10px;
	padding-top:2px;
	font-size:12px;
	vertical-align:middle;
	margin-bottom:2px;
	color:#FFF;
}
.overview-detail {
	background:none;
	border-bottom:#c0c0c0 1px solid;
	padding-left:10px;
	height:30px;
}



	
.overview-detail-expand {
	background:none;
	border-bottom:#c0c0c0 1px solid;
	padding-left:0px;
	height:30px;
	
}

.txt-footer {
	font:11px Arial, Helvetica, sans-serif;
	padding-top:7px;
}

.txttitle {
  font-size: 18px;
  text-shadow: 4px 4px 4px #cad7dd; 
  color:#258eca;
}
.txttitle2 {
  font-size: 22px;
  text-shadow: 4px 4px 4px #cad7dd; 
  color:#258eca;
 }

.txttitle3 {
  font-size: 12px;
 /* text-shadow: 4px 4px 4px #cad7dd; */
  color:#258eca;
}

.homepage-bg {
	background:#fff;
	border:#b7e7eb 1px solid;
	padding:5px;
	width:370px;
}

.homepage-bg:hover {
	background:#fff;
	border:#b7e7eb 1px solid;
	padding:5px;
	width:370px;
}

ul.listing3{
padding:0;
margin:0;
padding-left:18px;
line-height:16px;
padding-top:10px;
}

ul.listing3 li a{ 
padding:0;
margin:0;
list-style: none;
padding-left:5px;
line-height:14px;
padding-bottom:0px;
padding-top:4px;
font-size:13px;
color:#5C5C5C;
}

ul.listing3 li a:hover{ 
padding:0;
margin:0;
list-style:none;
padding-left:5px;
line-height:14px;
padding-bottom:0px;
padding-top:4px;
font-size:13px;
color: #333;
}


/*tooltip*/
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #c0a562;
/*border:none;*/
padding: 5px;
background-color: #f3edd4;
visibility: hidden;
z-index: 1000;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
color:#333;
line-height:18px;
font-size:11px;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 1001;
visibility: hidden;
}


/*----country menu----*/	
.menu1 {
	width: 192px;
	padding:0;
	margin: 0;
	list-style-type:none;	
	font-size:12px;
	color:#757575;	
}
.menu1 li a {
	height: 18px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
	list-style-type:none;
	font-size:12px;
	margin-bottom:2px;
}		
.menu1 li a:link, .menu1 li a:visited {
	color: #333;
	display: block;
	background:  url('../images/menu1-bg.gif') 0 0px;
	padding: 0px 0 1px 20px;
	font-weight:bold;
	font-size:12px;
}	
.menu1 li a:hover, .menu1 li#now a{
	color: #fff;
	display: block;
	background:  url('../images/menu1-bg.gif') 0 20px;
	padding: 0px 0 1px 20px;
	font-size:12px;
}
.menu1 li#not a{
	color: #757575;
	background:#ededed 0 20px;
	padding: 0px 0 1px 20px;
	font-size:12px;
	border-bottom:#fff 1px solid;
}
.menu1 li#not a:hover{
	color: #fff;
	background:  url('../images/menu1-bg.gif') 0 20px;
	padding: 0px 0 1px 20px;
	font-size:12px;
}
.menu1 span{
padding-left:20px;
font-size:12px;
}

.datatable {
	width:728px;
	padding:0px;
	margin:0px;
}
.datatable tr:hover {
	background:#d0f1f7;
}


.datatable2 {
	width:948px;
	padding:0px;
	margin:0px;
	}

.datatable2 td{
	border:#9f9f9f 1px solid;
}

.datatable2 td:hover {
	border:#1998ac 1px solid;
}

.datatable2 td.no-border{
	border:none;
}

.datatable3{	
	border-collapse:collapse;
	width:800px;
}

.datatable3 td{
	border-bottom:#666 1px dashed;
}

.datatable3 tr:hover{
	color: #4687ca;
}

.datatable3 tr.altrow {
	background-color:#c2d6d5;
	color:#333;
	
	}
	
.datatable3 td.no-hover{
	border-bottom:#666 1px dashed;
}

a.top-menu  {
	color:#535252;
}

.top-menu:hover  {
	color:#166ab5;
}



ul.slideshow {
	list-style:none;
	width:1000px;
	height:250px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	z-index:0;
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;	
}

.invest {
	width:184px;
	border:#999 1px solid;
}

.invest:hover {
	width:184px;
	border:#1490a6 1px solid;
}

.datatable22{	
	border-collapse:collapse;
	width:800px;
}

.datatable22 td{
	border-bottom:#666 1px dashed;
}

.datatable22 tr:hover{
	color: #4687ca;
}

.datatable22 tr.altrow {
	background-color:#c2d6d5;
	color:#333;
	
	}
	
.datatable22 td.no-hover{
	border-bottom:#666 1px dashed;
}

.group-box {
	border-bottom:#666 1px dashed;
}


.result-box{	
	border-collapse:collapse;
	width:979px;
}

.result-box td{
	border-bottom:1px solid #0070a4 ;
	padding-left:10px;
	padding-top:5px;
}
.result-box td.title{
	background-color: #258eca;
	color:#fff;
	border:none;
	padding-left:10px;
}

.result-box tr:hover{
	background-color: #efefef;
	padding-left:10px;
}

.result-box tr.altrow {
	background-color:#23250d;
	color:white;
	}
	
.result-box td.no-hover{
	border-bottom:1px solid #0070a4 ;
}





.bt-search {
	background:url(../images/bt-search-chat.gif) top center;
	width:87px;
	height:26px;
	display:block;
	margin-bottom:10px;
}

.bt-search:hover {
	background:url(../images/bt-search-chat.gif) bottom center;
	width:87px;
	height:26px;
	display:block;
	margin-bottom:10px;
}

.bt-contact {
	background:url(../images/bt-contact.gif) top center;
	width:95px;
	height:26px;
	display:block;
	margin-bottom:10px;
}

.bt-contact:hover {
	background:url(../images/bt-contact.gif) bottom center;
	width:95px;
	height:26px;
	display:block;
	margin-bottom:10px;
}

.bt-send-chat {
	background:url(../images/bt-send-chat.gif) top center;
	width:116px;
	height:24px;
	display:block;	
	margin-top:10px;
}

.bt-send-chat:hover {
	background:url(../images/bt-send-chat.gif) bottom center;
	width:116px;
	height:24px;
	display:block;	
	margin-top:10px;
}

.bt-join {
	background:url(../images/bt-join.gif) top center;
	width:120px;
	height:27px;
	display:block;	
	color:#fff;
	text-align:center;
	margin:0 auto;
	}

.bt-join:hover {
	background:url(../images/bt-join.gif) bottom center;
	width:120px;
	height:27px;
	display:block;
	margin:0 auto;
	color:#fff;
	text-align:center;
}

/*-- form --*/
.input_style2 {
background:  transparent url(../images/input-bg2.gif) no-repeat top left;
font: 12px arial,tahoma,verdana; 
height:26px;
margin:0px;
padding:0px 5px 0px 5px;
width:200px;
border:none;
color:#4687ca;
}

.jqTransformSelect2 { 

background:  transparent url(../images/input-bg2.gif) no-repeat top left;
font: 12px arial,tahoma,verdana; 
height:26px;
margin:0px;
padding:4px 3px 3px 3px;
width:200px;
border:none;
color:#4687ca;  
}

.forum-topic {
	 background:url(../images/answer-box-bg.jpg) repeat-x; 
	 height:30px; 
	 color:#fff; 
	 font-size:14px; 
	 padding:3px 0px 0px 10px;
}

.forum-bg{
	background:#e6f9fb;
	border-bottom:#CCC 1px solid;
}

.big-txt{
	font:34px Arial, Tahoma, Helvetica;
	color:#258eca;
}

.news-menubg{
	background:url(../images/news/bt-news2.jpg) repeat-y;
}

ul.listing{
padding:5px 0px 5px 20px;
margin:0;
}
ul.listing li{
padding:0;
margin:0;
font:12px Arial, Tahoma, Helvetica ;
list-style:none;
background:url(../images/news/list.gif) no-repeat 0px 5px;
padding-left:15px;
line-height:18px;
}

ul.listing2{
padding:5px 0px 5px 20px;
margin:0;
}
ul.listing2 li{
padding:0;
margin:0;
font:12px Arial, Tahoma, Helvetica ;
list-style:none;
background:url(../images/news/list2.gif) no-repeat 0px 5px;
padding-left:15px;
line-height:18px;
}

.latest-news-border {
	border-left:#128ea4 1px solid;
	
}

.latest-news-recommended {
	background:#128ea4 ;
	padding:10px;	
	color:#fff;
}

.sub-menu-txt {
	color:#333;
}

.answer-txt-grey11{
	font:11px Arial, Tahoma, Helvetica;
	color:#999;
}

.answer-txt-grey{
	font:12px Arial, Tahoma, Helvetica;
	color:#555;
}

.answer-border1 {
	border-bottom:#999 1px dotted;
	padding:10px 0px 10px 0px;
}

.answer-border1-last {
	border-bottom:none;
	padding:10px 0px 10px 0px;
}

.txt-grey {
	font-size:11px;
	color:#999;
}

.txt-grey a:link, .txt-grey a:visited {
	color: #999;
	text-decoration:underline;	
}	
.txt-grey a:hover{
	color: #333;
	text-decoration:underline;	
}	

.news-content {
	padding:10px 0px 8px 0px;
	border-bottom:#E5E5E5 1px dotted;
}

.msg_list {
	margin: 0px;
	padding: 0px;
	width:100%;
}
.msg_head {
	cursor: pointer;
	position: relative;
	
}
.msg_body {
	padding: 5px 0px 15px;	
}

.maquee-pic {
	border:#CCC 1px solid;
}


.glowingtabs2{
float:left;
width:298px;
line-height:normal;
height:26px;
}

.glowingtabs2 ul{
list-style-type: none;
margin:0;
margin-left:0px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

.glowingtabs2 li{
display:inline;
margin:0;
padding:0;
}

.glowingtabs2 a{
float:left;
background:url(../images/glowtab-left.jpg) no-repeat left top;
margin:0;
margin-right: 1px; /*spacing between each tab*/
padding:0 2px 0 6px;
text-decoration:none;
}

.glowingtabs2 a span{
float:left;
display:block;
background:url(../images/glowtab.jpg) no-repeat right top;
padding: 7px 11px 5px 6px;
font-size:12px;
color:#68acb7;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.glowingtabs2 a span {float:none;}
/* End IE5-Mac hack */

.glowingtabs2 a:hover span {
color:#fff;
}

.glowingtabs2 a.selected{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs2 a.selected span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: #fff;
}

.glowingtabs2 a:hover{ /*onMouseover style*/
background-position:0% -82px;
color:#fff;
/*Shift background image up to start of 2nd tab image*/
}

.glowingtabs2 a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color:#fff;
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}


/*-- form --*/
.input_style {
background:  transparent url(../images/input-bg.gif) no-repeat top left;
font: 12px arial,tahoma,verdana; 
height:26px;
margin:0px;
padding:0px 5px 0px 5px;
width:269px;
border:none;
color:#7c715f;
/*border:#ba880e 1px solid;
font: 12px arial,tahoma,verdana; 
height:24px;
margin:0px;
padding:0px 5px 0px 5px;
width:269px;
color:#785716;*/
}



.input_calendar {
background:  transparent url(../images/input-calendar.gif) no-repeat top left;
font: 12px arial,tahoma,verdana; 
height:26px;
margin:0px;
padding:0px 5px 0px 5px;
width:109px;
border:none;
color:#7c715f;
}

.button {
background:url("../images/btn-reset.gif") no-repeat scroll 0 0 transparent;
border:0 none;
color:#785716;
font-size:12px;
font: 13px arial,tahoma,verdana; 
height:29px;
padding-bottom:3px;
padding-left:3px;
width:116px;
}

.button2 {
background:url("../images/btn-search.gif") no-repeat scroll 0 0 transparent;
border:0 none;
color:#fff;
font: 13px arial,tahoma,verdana; 
height:29px;
padding-bottom:3px;
padding-left:3px;
width:148px;
}

.jqTransformSelect { 
/*background:  transparent url(../images_foot/input-bg.gif) no-repeat top left;
font: 12px arial,tahoma,verdana; 
height:26px;
margin:0px;
padding:4px 3px 3px 3px;
width:279px;
border:none;
color:#785716;  */
background:  transparent url(../images/input-bg.gif) no-repeat top left;
font: 12px arial,tahoma,verdana; 
height:26px;
margin:0px;
padding:4px 3px 3px 3px;
width:279px;
border:none;
color:#7c715f;  
}
.star-bg {
	background:url(../images/star-bg.gif) no-repeat;
	width:299px;
	height:23px;
	color:#fff;
}

/* By Bee */
ul.abclist{
  margin: 0;
  padding: 0;
}


.abclist li{
   display: inline;
   list-style-type: none;
   padding-right: 50px;
   width: 300px;
}
.abclistwidth{
  width: 300px;
}
.boxleft{
  float: left;
  width: 180px;
  padding-bottom: 10px;
}
.borright{
  float: left;
  padding-bottom: 10px;
}
.clearall{
  clear: all;
}
.ptext{
  margin: 0;
  padding: 0;
}

/** -b- */
.tabletopbg{
	background: url(../images/bg-top.gif) repeat-x;
	}
.tablebottombg{
	background: url(../images/bg-bottom.gif) repeat;
	}
.bottomhead{
	font:bold 14px Arial,Verdana,Tahoma;
	color: #FFF;
	padding-bottom: 10px;
	border-bottom: 1px solid #FFF;
	}
.tdpadding{
	padding: 10px;
	}
.bottomlist{
	padding-left: 0;
    margin-left: 0;
    width: 100%;
	font:normal 12px Arial,Verdana,Tahoma;
	color: #FFF;
	}
.bottomlist li{
	list-style: none;
	margin: 0;
	padding: 0.25em;
	border-bottom: 1px dotted #FFF;
	}
.bottomlist li a{
	color: #FFF;
	text-decoration: none;
	}
.bottomlist li a:hover{
	color: #FFF;
	text-decoration: underline;
	}
.menutitle{
font:bold 14px Arial,Verdana,Tahoma;
color: #FFF;
padding-bottom: 10px;
border-bottom: 1px solid #FFF;
cursor:pointer;
text-align:left;
}
.menutitle2{
font:bold 14px Arial,Verdana,Tahoma;
color: #FFF;
padding-bottom: 5px;
border-bottom: 1px dotted #FFF;
text-align:left;
}

.submenu{
padding-left: 0;
    margin-left: 0;
	font:normal 12px Arial,Verdana,Tahoma;
	color: #FFF;		
}
.submenu li{
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #FFF;
	}
.submenu li a{
	color: #FFF;
	text-decoration: none;
}
.submenu li a:hover{
	color: #FFF;
	text-decoration: underline;
}

.submenu2{
padding-left: 0;
margin-left: 0;
	font:normal 12px Arial,Verdana,Tahoma;
	color: #FFF;		
}
.submenu2 li{
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #FFF;
	}
.submenu2 li a{
	color: #FFF;
	text-decoration: none;
}
.submenu2 li a:hover{
	color: #FFF;
	text-decoration: underline;
}

/***************************************************************/

#prev, #next {
	/*background: url(images/direction-nav.png) no-repeat 0 0;*/
	display: block;
	width: 17px;
	height: 22px;
	position: absolute;
	bottom: 15px;
	z-index: 10;
}

#prev {
	left: 426px;
}

#next {
	right: 434px;
	background-position: right 0; 
}


#partners-slider { height: 110px; width:950px; border-radius:5px;}

.partners { height: 110px;  position: relative; overflow: hidden; z-index: 100; }
.slider-holder { position: relative; overflow: hidden; }
#partners-slider { overflow: hidden; position: relative; padding-left:10px;}
#partners-slider a { margin: 15px 5px; float: left; height: 80px; }



/*.slider-arr a.arr-btn { background: url(images/slider-b-arr.png) no-repeat 0 0; width: 30px; height: 30px; display: block; position: absolute; top: 10px;}*/
.slider-arr a.prev-arr { left: 32px; }
.slider-arr a.prev-arr:hover { background-position: 0 -31px; }
.slider-arr a.next-arr { right: 32px; background-position: right 0; }
.slider-arr a.next-arr:hover { background-position: right -31px; }


.socials { background: url(images/socials-pattern.png) repeat 0 0; height: 50px; padding: 0 17px;  margin: 0 32px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;  
	box-shadow: 0px 0px 7px rgba(0,0,0,0.2) inset; -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.2) inset; -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.2) inset; -o-box-shadow: 0px 0px 7px rgba(0,0,0,0.2) inset; }

/*
Stacks CSS ----------------------------------------------------------------------------------------------------------- */

/* Layout */
.stack { float: left; width: 100%; margin: 0 4% 4% 0; position: relative; z-index: 10; }

/* Image styles */
.group .item.portal .stack img { width: 280px; height: 180px; vertical-align: bottom; border: 10px solid #fff; border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.group .item.portal .stack:last-of-type { margin-right: 0; }

/* Stacks creted by the use of generated content */
.group .item.portal .stack:before, .group .item.portal .stack:after { content: ""; border-radius: 3px; width: 100%; height: 100%; position: absolute; border: 10px solid #fff; left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-webkit-transition: 0.3s all ease-out;
	-moz-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
}
.group .item.portal .stack:before { top: 4px; z-index: -10; } /* 1st element in stack (behind image) */	
.group .item.portal .stack:after { top: 8px; z-index: -20; } /* 2nd element in stack (behind image) */

/* Second stack example (rotated to the right from the bottom left) */
.group .item.portal .stack.rotated:before { 
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	transform: rotate(2deg);
}
.group .item.portal .stack.rotated:after { 
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	transform: rotate(4deg);
}	

/* Third stack example (One stack element rotated in the opposite direction) */
.group .item.portal .stack.twisted:before {
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	transform: rotate(4deg);
}	
.group .item.portal .stack.twisted:after {
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	transform: rotate(-4deg);
}	

/* Fourth stack example (Similar to the second but rotated left) */
.group .item.portal .stack.rotated-left:before {
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.group .item.portal .stack.rotated-left:after {
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
	transform: rotate(-6deg);
}

/* Reset all rotations on hover */
.group .item.portal .stack:hover:before, .stack:hover:after {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}

/*
iPhone and mobile widths --------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 480px) {

.group .item.portal .stack { float: none; width: auto; margin-bottom: 35px; }
	h1.title { margin: 15px 0; }
}
.group .item{
	display:block;
	height:295px;
	color:#949494;
	font-weight:normal;
	border-radius:5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

@media only screen and (min-width: 0px){
.group .item{
		margin:10px;
		width:300px;
		float:left
	}
.group .item.portal{
	padding:10px;
	border:1px solid #ccc
}

.group .item.portal *{
	margin:0
}

.group .item.portal h3,.group .item.portal p.projects{
	text-align:center;
	margin-bottom:5px
}

.group .item.portal h3{
	margin-top:2px;
	font-size:16px;
	min-height:42px
}

.group .item.portal p.projects{
	font-size:12px;
	font-weight:bold;
	color:#636b70
}
#form select{ width:188px; padding:3px;}
ul.them { margin-left:-45px; list-style:none;}
ul.them li a{ padding:5px; font-size:9px; color:#666; font-weight:bold;}
ul.them li:hover, ul.them li a:hover{ background:#CCC; color:#FFF;}
#sddm
{	margin: 0;
	padding: 0;
	z-index: 9999;
	background:#fff;
	border-bottom:none;	
	}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: normal 12px arial
	}

#sddm li a
{	display: block;
	margin: 0 1px 0 1px;
	padding: 5px 19px;
	width: auto;	
	text-align: center;
	text-decoration: none;
	color:#FFF;
	background:#000;
	border-radius:3px;
	
	}

#sddm li a:hover
{	color:#FFF;
	background:#666;
	
	}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background:#2366a9;
	border:#c7c7c7 1px solid;
	z-index: 9999;}

	#sddm li div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 4px 13px;
		width:160px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #e9e9e9;
		color: #585859;
		font: 12px arial;
		border-radius:unset;
		
		}

	#sddm li div a:hover
	{	background-color:#d0d0d0;
		color: #2365a8;
		padding: 4px 13px;
		}