/*==================================================================================================
#.  Tables
==================================================================================================*/

.table-responsive {
	display: block;
	margin: 15px 0 30px;
	width: 100%;
	
}

table {
	/*background: #fff;*/
	border: 1px solid #fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: #aebdc7 0 0 1px;
	-moz-box-shadow: #aebdc7 0 0 1px;
	box-shadow: #aebdc7 0 0 1px;
	color: #212121;
	/*margin: 15px 0 30px;*/
	width: 100%;
}
table strong { color: #0072ad; }

td { vertical-align: middle; }
th, td { text-align: center; }

th, .table-column-heading {
	background: #1274aa;
	background: -webkit-linear-gradient(#128fcd, #1274aa);
	background: -moz-linear-gradient(#128fcd, #1274aa);
	background: -o-linear-gradient(#128fcd, #1274aa);
	background: linear-gradient(#128fcd, #1274aa);
	border-left: 1px solid #0090D4;
	color: #fff;
	font-size: 112.5%;
	padding: 12px 10px 10px 10px;
	text-align: center;
}
table.fancy-table th,
table.fancy-table td { text-align: center; }

tr .table-column-heading:nth-child(1) {
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
}
tr .table-column-heading:last-child {
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}
tr:nth-child(odd) { /*background: #fff;*/ }
tr:nth-child(even) {
	/*background: #eaeef1;
	background: -webkit-linear-gradient(#f7f8fa, #f1f4f6);
	background: -moz-linear-gradient(#f7f8fa, #f1f4f6);
	background: -o-linear-gradient(#f7f8fa, #f1f4f6);
	background: linear-gradient(#f7f8fa, #f1f4f6);*/
}
td {
	border-left: 1px solid #B6E9F8;
	border-top: 1px solid #C6EDF9;
	
	font-size: 87.5%;
	padding: 10px;
}
td.left { text-align: left; min-height: 0; }

tr.no-hover:hover { background: transparent; }
tr.no-hover:hover td,
tr.no-hover:hover td strong { color: #0072AD; }


/*==================================================================================================
#.  Table icons
==================================================================================================*/

.icon-table {
	background: url(../images/ico-table-sprite.png) no-repeat 0 0;
	color:#212121;
	display: inline-block;
	height: 25px;
	line-height: .9;
	padding: 4px 0 0 27px;
}

.icon-table.user1 { background-position: -8px -10px; }
.icon-table.user2 { background-position: -150px -10px; }
.icon-table.user3 { background-position: -286px -10px; padding-left: 40px; }
.icon-table.user4 { background-position: -422px -10px; padding-left: 64px; }
.icon-table.user5 { background-position: -584px -10px; padding-left: 55px; }
.icon-table.email { background-position: -9px -43px; padding-left: 35px; }
.icon-table.internet { background-position: -148px -43px; padding-left: 35px; }
.icon-table.social { background-position: -286px -43px; padding-left: 35px; }
.icon-table.streaming { background-position: -432px -43px; padding-left: 35px; }
.icon-table.downloading { background-position: -589px -43px; padding-left: 35px; }


/*==================================================================================================
#.  Tables hover info
==================================================================================================*/

table td,
table span { position: relative; }

/* Info panel */
table .info {
	background: #0090db;
	background: -webkit-linear-gradient(#128fcd, #1274aa);
	background: -moz-linear-gradient(#128fcd, #1274aa);
	background: -ms-linear-gradient(#128fcd, #1274aa);
	background: -o-linear-gradient(#128fcd, #1274aa);
	background: linear-gradient(#128fcd, #1274aa);
	border-radius: 3px;
	box-shadow: 0 0 4px rgba(0,0,0,.3);
	left: 0;
	max-height: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
table .info h3 {
	color: #bce4fa;
	font-size: 100%;
	margin-bottom: 5px;
}
table .info p {
	color: #fff;
	font-size: 93.75%;
	margin: 0;
}
table .info a {
	border-bottom: 1px solid transparent;
	color: #fff;
	text-decoration: none;
}
table .info a:hover { border-color: #bce4fa; }
table .info a:after {
	color: #bce4fa;
	content: ' \00bb';
}

/* Hover states */
td:hover > .info {
	max-height: 200px;
	opacity: 1;
	padding: 50px 0 24px;
}
td:hover > span {
	color: #fff;
	z-index: 200;
}

.row-01 td:hover > .info { z-index: 100; }
.row-02 td:hover > .info { z-index: 99; }
.row-03 td:hover > .info { z-index: 98; }
.row-04 td:hover > .info { z-index: 97; }
.row-05 td:hover > .info { z-index: 96; }




/*==================================================================================================
#.  Transitions
==================================================================================================*/

a,
input,
textarea {
	-webkit-transition: background .4s, border-color .4s, color .4s;
	   -moz-transition: background .4s, border-color .4s, color .4s;
	    -ms-transition: background .4s, border-color .4s, color .4s;
	     -o-transition: background .4s, border-color .4s, color .4s;
	        transition: background .4s, border-color .4s, color .4s;
}
.btn,
input[type="submit"],
input[type="button"] {
	-webkit-transition: border-color .4s, color .4s;
	   -moz-transition: border-color .4s, color .4s;
	    -ms-transition: border-color .4s, color .4s;
	     -o-transition: border-color .4s, color .4s;
	        transition: border-color .4s, color .4s;
}
.promo-box li .bg,
.accordion h3 {
	-webkit-transition: all .4s;
	   -moz-transition: all .4s;
	    -ms-transition: all .4s;
	     -o-transition: all .4s;
	        transition: all .4s;
}
.ver-1 ul ul,
table .info {
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
	    -ms-transition: all .2s;
	     -o-transition: all .2s;
	        transition: all .2s;
}

.animated {
	-webkit-animation-duration: .75s;
	   -moz-animation-duration: .75s;
	    -ms-animation-duration: .75s;
	     -o-animation-duration: .75s;
	        animation-duration: .75s;
	-webkit-animation-iteration-count: infinite;
	   -moz-animation-iteration-count: infinite;
	    -ms-animation-iteration-count: infinite;
	     -o-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	    -ms-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}
.animate-once {
	-webkit-animation-duration: .75s;
	   -moz-animation-duration: .75s;
	    -ms-animation-duration: .75s;
	     -o-animation-duration: .75s;
	        animation-duration: .75s;
	-webkit-animation-iteration-count: 1;
	   -moz-animation-iteration-count: 1;
	    -ms-animation-iteration-count: 1;
	     -o-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	    -ms-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

@-webkit-keyframes pulse {
	0% { -webkit-transform: scale(1); }
	50% { -webkit-transform: scale(1.1); }
	100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
	0% { -moz-transform: scale(1); }
	50% { -moz-transform: scale(1.1); }
	100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
	0% { -o-transform: scale(1); }
	50% { -o-transform: scale(1.1); }
	100% { -o-transform: scale(1); }
}
@keyframes pulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.1); }
	100% { transform: scale(1); }
}
.pulse:hover {
	-webkit-animation-name: pulse;
	   -moz-animation-name: pulse;
	     -o-animation-name: pulse;
	        animation-name: pulse;
}


/*==================================================================================================
#.  Layout styles
==================================================================================================*/

.layout-container {
	margin: 0 auto;
	padding-right: 30px;
	position: relative;
	width: 990px;
	/*border: 1px solid rgba(204,51,0,.3);*/
}
.layout-container:after { content: " "; display: table; }


.layout-01col,
.layout-02col,
.layout-03col,
.layout-04col,
.layout-05col,
.layout-06col,
.layout-07col,
.layout-08col,
.layout-09col,
.layout-10col,
.layout-11col,
.layout-12col {
	display: inline;
	float: left;
	padding-left: 30px;
	/*border: 1px solid rgba(204,51,0,.6);*/
}

.layout-01col { width: 8.33333333%; }
.layout-02col { width: 16.66666667%; }
.layout-03col { width: 25%; }
.layout-04col { width: 33.33333333%; }
.layout-05col { width: 41.66666667%; }
.layout-06col { width: 50%; }
.layout-07col { width: 58.33333333%; }
.layout-08col { width: 66.66666667%; }
.layout-09col { width: 75%; }
.layout-10col { width: 83.33333333%; }
.layout-11col { width: 91.66666667%; }
.layout-12col { width: 100%; }

.layout-offset-01col { margin-left: 8.33333333%; }
.layout-offset-02col { margin-left: 16.66666667%; }
.layout-offset-03col { margin-left: 25%; }
.layout-offset-04col { margin-left: 33.33333333%; }
.layout-offset-05col { margin-left: 41.66666667%; }
.layout-offset-06col { margin-left: 50%; }
.layout-offset-07col { margin-left: 58.33333333%; }
.layout-offset-08col { margin-left: 66.66666667%; }
.layout-offset-09col { margin-left: 75%; }
.layout-offset-10col { margin-left: 83.33333333%; }
.layout-offset-11col { margin-left: 91.66666667%; }
.layout-offset-12col { margin-left: 100%; }

[class*="layout-offset-"] { padding-left: 30px; }

.no-padding { padding-left: 0; padding-right: 0; }


/*==================================================================================================
#.  Print styles
==================================================================================================*/

@media print {
	* { background: transparent!important; color: #000!important; box-shadow: none!important; text-shadow: none!important; }
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a {
  		&:after, &[href^="javascript:"]:after, &[href^="#"]:after { content: ""; }  
  	}
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	img { max-width: 100%!important; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
}