/*
 *	Q-server intro page style file.
 */

body {
	padding:		60px;
	font-family:	arial, sans-serif;
}


tr.browser {
	list-style:		none;
	overflow:		hidden;
	width:			100%;
	text-align:		center;
	padding:		0px;
	margin:			0px;
	border:			0px;
}

tr.browser td {
	height:			80px;
	width:			120px;
	background:		#708cb7;
	border-left:	5px solid white;
	cursor:			pointer;
	text-align:		left;
	padding:		10px;
	color:			white;
	text-shadow: 	rgba(255, 255, 255, 0.6) 0px 1px 0px, rgba(0, 0, 0, 0.4) 0px -1px 0px;
	-moz-transition:	width .25s ease-in-out;
	-o-transition:		width .25s ease-in-out;
	-webkit-transition:	width .15s ease-in-out;
}

tr.browser td span {
	height:			50px;
	display:		block;
	overflow: 		hidden;
	font-size:		10pt;
	text-overflow: 	ellipsis;
}


tr.browser td:hover {
	width:			280px;
}

tr.browser td:nth-child(4n - 3) {
	background-color:	#6dc18d;
	background: 		-webkit-gradient(linear, left top, left bottom, from(#6dc18d), to(#429c64)); /* for webkit browsers */
	background: 		-moz-linear-gradient(top,  #6dc18d,  #429c64); /* for firefox 3.6+ */ 
}

tr.browser td:nth-child(4n - 2) {
	background-color:	#708cb7;
	background: 		-webkit-gradient(linear, left top, left bottom, from(#708cb7), to(#395c9c)); /* for webkit browsers */
	background: 		-moz-linear-gradient(top,  #708cb7,  #395c9c); /* for firefox 3.6+ */ 
}

tr.browser td:nth-child(4n - 1) {
	background-color:	#bf8484;
	background: 		-webkit-gradient(linear, left top, left bottom, from(#bf8484), to(#a75050)); /* for webkit browsers */
	background: 		-moz-linear-gradient(top,  #bf8484,  #a75050); /* for firefox 3.6+ */ 
}

tr.browser td:nth-child(4n) {
	background-color:	#ba8fc0;
	background: 		-webkit-gradient(linear, left top, left bottom, from(#ba8fc0), to(#9f63a7)); /* for webkit browsers */
	background: 		-moz-linear-gradient(top,  #ba8fc0,  #9f63a7); /* for firefox 3.6+ */ 
}

tr.browser td:first-child {
	-webkit-border-top-left-radius: 	10px;
	-webkit-border-bottom-left-radius: 	10px;
	-moz-border-radius-topleft:			10px;
	-moz-border-radius-bottomleft: 		10px;
	border-top-left-radius: 			10px;
	border-bottom-left-radius: 			10px;
	border-left:						0px;
}

tr.browser td:last-child {
	-webkit-border-top-right-radius: 	10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright:		10px;
	-moz-border-radius-bottomright: 	10px;
	border-top-right-radius: 			10px;
	border-bottom-right-radius: 		10px;
}