/* STYLESHEET FILE DESCRIPTION: Styles for Hosting/Licenses page  */

#heading .box {
	border-top-width: 5px;
	border-radius: 0;
}


/* INFO
#########################################*/
#info {
	width: 370px;
	float: left;
}

/* Intro */
#info .intro {
	padding: 0 10px 15px 10px;
	border-bottom: 1px solid rgba(255,255,255,0.4);
}

#info .intro p {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 24px;
}

#info .intro p.limitations {
	font-size: 12px;
	line-height: 18px;
}

/* SPLA */
#info .spla {
	margin-top: 25px;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(255,255,255,0.4);
}

#info .spla .description {
	min-height: 110px;
	padding: 5px 10px 0 130px;
	background: url('/images/sections/hosting/licenses-spla.png') no-repeat;
}

#info .spla .description p {
	font-size: 14px;
	line-height: 21px;
}

#info .spla .description a {
	width: 120px;
	height: 120px;
	margin: -5px 0 0 -130px;
	display: block;
	position: absolute;
}

#info .spla .description strong {font-weight: Bold;}

/* Features */
#info .spla .features {
	margin: 15px 0 0 15px;
}

#info .spla .features li {
	padding: 10px 20px 10px 40px;
	font-size: 14px;
	line-height: 21px;
	background: url('/images/sections/hosting/licenses-spla-icons.png') no-repeat;
}

#info .spla .features .nosetupfee {background-position: 5px 5px;}
#info .spla .features .flexibility {background-position: 0 -42px;}
#info .spla .features .uptodate {background-position: 5px -85px;}
#info .spla .features .licenses {background-position: 7px -137px;}

/* License types */
#info .licensetypes {
	padding: 25px 10px 10px 15px;
	border-bottom: 1px solid rgba(255,255,255,0.4);
}

#info .licensetypes .heading {
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: bold;
	color: #d9e021;
}

#info .licensetypes p {
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 18px;
}

#info .licensetypes strong {color: #d9e021;}

/* MSPN */
#info .mspn {
	padding: 25px 0 25px 15px;
}

#info .mspn span {
	width: 271px;
	height: 66px;
	background: url('/images/sections/hosting/licenses-mspn.png') no-repeat;
	opacity: 0.7;
	display: block;
	
    transition: opacity .2s ease-in-out;
	-webkit-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
}

#info .mspn a:hover {opacity: 1;}


/* PRICES
#########################################*/
#prices {
	width: 680px;
	float: right;
}

#prices table {width: 680px;}

#prices .heading {
	width: 680px;
	height: 42px;
	background-color: #8cc63e;
}

#prices .heading span {
	padding: 15px 0 0 10px;
	font-size: 18px;
	font-family: BasefontBoldItalic;
	color: #005CAA;
	text-transform: uppercase;
	display: block;	
}

#prices .container {
	width: 680px;
	background-color: #fff;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

#prices .shadow {
	width: 680px;
	height: 38px;
	background: url('/images/sections/hosting/licenses-shadow.png') no-repeat;
}

#prices th {
	padding: 5px 10px 5px 10px;
	vertical-align: bottom;
	font-family: italic;
	color: #035caa;
	font-size: 14px;
	line-height: 18px;
	border-bottom: 1px solid #035caa;
}

#prices td {
	height: 35px;
	padding: 10px;
	border-bottom: 1px solid #e6eefa;
	background-color: #fff;	

    transition: background-color .2s ease-in-out;
	-webkit-transition: background-color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out;
	-moz-transition: background-color .2s ease-in-out;
}

#prices tr:last-child td {border-bottom: none;}

#prices tr:last-child td:first-child {border-bottom-left-radius: 8px;}
#prices tr:last-child td:last-child {border-bottom-right-radius: 8px;}

#prices tr:hover td {background-color: #ecf0a4;}

#prices .sal,
#prices .pl {text-align: right;}

#prices td.licensetype {width: 160px; padding-left: 50px;}
#prices td.sal,
#prices td.pl {width: 200px; padding-right: 15px;}
#prices th.licensetype {padding-left: 15px;}
#prices th.pl {padding-right: 15px;}

#prices .product {
	margin-bottom: 4px;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	white-space: nowrap;
}

#prices .edition {
	font-size: 14px;
	color: #707070;
}

#prices td.sal,
#prices td.pl {vertical-align: middle;}

#prices td.sal span,
#prices td.pl span {
	font-size: 21px;
	line-height: 22px;
	color: #69a11f;
}

#prices td.sal em,
#prices td.pl em {
	font-size: 12px;
	opacity: 0.6;
	display: block;
	text-align: right;
}

#prices td.sal b,
#prices td.pl b {
	font-size: 8px;
}

#prices td.sal i,
#prices td.pl i {
	font-family: Verdana, sans-serif;
	font-style: normal;
}

#prices td.licensetype {background: url('/images/sections/hosting/licenses-producticons.png') no-repeat;}

#prices td.licensetype.win2012 {background-position: 0 0;}
#prices td.licensetype.win2012 .product {color: #02178f;}

#prices td.licensetype.win2008 {background-position: 0 -55px;}
#prices td.licensetype.win2008 .product {color: #db7101;}

#prices td.licensetype.win2003 {background-position: 0 -110px;}
#prices td.licensetype.win2003 .product {color: #68953e;}

#prices td.licensetype.sql2012 {background-position: 0 -165px;}
#prices td.licensetype.sql2012 .product {color: #f63233;}

#prices td.licensetype.office2013 {background-position: 0 -220px;}
#prices td.licensetype.office2013 .product {color: #d93726;}

#prices td.licensetype.office2010 {background-position: 0 -275px;}
#prices td.licensetype.office2010 .product {color: #e8b114;}

#prices td.licensetype.sql2008 {background-position: 0 -330px;}
#prices td.licensetype.sql2008 .product {color: #858992;}

#prices td.licensetype.winxp {background-position: 0 -385px;}
#prices td.licensetype.winxp .product {color: #2185c5;}