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


@media only screen and (min-device-width : 320px) and (max-device-width : 480px)  {

	.showMobile{display:block!important;}


	html, body {
		background: white;
		font: normal normal 1em Arial, Verdana, sans-serif; 
		line-height: 1.3em;
	}

	article {
		width: 310px;
		margin: 0 auto;
		float:none;
		clear:both;
	}


	fieldset{padding:10px;}
	#page-title {
		background: url('../images/alm-logo-header.jpg') no-repeat left 0px;
		padding: 25px 0 0px 0px;
		color: #31396c;
		font-size: 1.3em;
		font-weight: normal;
		border-bottom: 1px solid #c0c0c0;
	margin-top:10px;}
	#page-title span{
	padding:0 0 30px 170px;}


	#linkaccounts-page {
		min-width: 320px;
		max-width: 480px;
	}
	#linkaccounts-page fieldset legend {
		display: none;
	}
	#linkaccounts-page fieldset {
	height:auto;}

	#linkaccounts-page #almsignin {
	    width: 290px;
		display: inline-block;
		vertical-align: top;
		margin-bottom:20px;}

	#linkaccounts-page #or {
		display: none;
	}
	#linkaccounts-page #linkedinsignin {
		width: 290px;
		display:block;
		margin:20px 0;
	}

	#linkaccounts-page .title {
		font-size: 22px;
		font-weight: normal;
		line-height: 1.3em;
		padding: 0
	}
	#linkaccounts-page .intro {
		font-size: 15px;
		color: #333;
		line-height: 1.6em
	}
	#linkaccounts-page .intro strong {
		color: black;
	}
	/* Form */
	#linkAccountsForm input[type="text"], #linkAccountsForm input[type="password"]{
		width: 260px;
		font-size: 1em ;
	}
	#linkAccountsForm div.firstName {
		display: inline-block;
		margin-right: 20px;
	}
	#linkAccountsForm div.lastName {
		display: inline-block;

	}
	#linkAccountsForm div.email {
		display: inline-block;
		margin-right: 20px;
	}
	#linkAccountsForm div.firm {
		display: inline-block;
	}
	#linkAccountsForm div.zip {
		display: inline-block;
		margin-right: 20px;	
	}
	#linkAccountsForm div.zip input {

	}
	#linkAccountsForm div.occupation {
		display: inline-block;
	}
	#linkAccountsForm div.linkedInEmail {
		display: inline-block;
		margin-right: 20px;
	}
	#linkAccountsForm div.linkedInPassword {
		display: inline-block;
	}
	#linkAccountsForm input#cancel, #linkAccountsForm input#submit {
		width: 140px;
		padding: 0.5em 0;
		font-size: 1em
	}
	#linkAccountsForm div.cancel, #linkAccountsForm div.submit {
		float: left;
		display: inline-block;
		margin-right: 20px;
	}
	.bottom{
		width:310px;
		border:1px solid silver;
		display:block;
		margin:470px 0 0 0;
		clear:both;
		}

	#linkAccountsForm div.newsletter {
		padding-top: 20px 10px;
		font-size: 0.8em;
		width:290px;
		display:block;
		margin-left:10px;
	}
	#linkAccountsForm div.newsletter .radiofield {
	font-color:#999;
	}

	/* Footer */
	#icfooter {
		padding: 1em 0 1em 1em;
		font-size: 0.9em;
		position: relative;
		line-height: 1.5em;
		width: 300px;
		margin: 15px auto 0 auto;
		border-top: 1px solid #c0c0c0;
	}
	#icfooter .logo {
		width:147px;
		display:block;
		margin-top:85px;
	}
	#icfooter, .footernav a:link, .footernav a:visited {
		color: #808080;
	}
	.footernav a:hover, .footernav a:active {
		color: black;
	}
}

@media only screen 
and (max-device-width :728px) {

	.showMobile{display:block!important;}


	html, body {
		background: white;
		font: normal normal 1em Arial, Verdana, sans-serif; 
		line-height: 1.3em;
	}

	article {
		width: 718px;
		margin: 0 auto;
		float:none;
		clear:both;
	}


	fieldset{padding:10px;}
	#page-title {
		background: url('../images/alm-logo-header.jpg') no-repeat left 0px;
		padding: 25px 0 0px 0px;
		color: #31396c;
		font-size: 1.3em;
		font-weight: normal;
		border-bottom: 1px solid #c0c0c0;
	margin-top:10px;}
	#page-title span{
	padding:0 0 30px 170px;}


	#linkaccounts-page {
		max-width: 728px;
	}

	#linkaccounts-page fieldset legend {
		display: none;
	}
	#linkaccounts-page fieldset {
	height:auto;}

	#linkaccounts-page #almsignin {
	    width: 290px;
		display: inline-block;
		vertical-align: top;
		margin-bottom:20px;}

	#linkaccounts-page #or {
		display: none;
	}
	#linkaccounts-page #linkedinsignin {
		width: 290px;
		display:block;
		margin:20px 0;
	}

	#linkaccounts-page .title {
		font-size: 22px;
		font-weight: normal;
		line-height: 1.3em;
		padding: 0
	}
	#linkaccounts-page .intro {
		font-size: 15px;
		color: #333;
		line-height: 1.6em
	}
	#linkaccounts-page .intro strong {
		color: black;
	}
	/* Form */
	#linkAccountsForm input[type="text"], #linkAccountsForm input[type="password"]{
		width: 260px;
		font-size: 1em ;
	}
	#linkAccountsForm div.firstName {
		display: inline-block;
		margin-right: 20px;
	}
	#linkAccountsForm div.lastName {
		display: inline-block;

	}
	#linkAccountsForm div.email {
		display: inline-block;
		margin-right: 20px;
	}
	#linkAccountsForm div.firm {
		display: inline-block;
	}
	#linkAccountsForm div.zip {
		display: inline-block;
		margin-right: 20px;	
	}
	#linkAccountsForm div.zip input {

	}
	#linkAccountsForm div.occupation {
		display: inline-block;
	}
	#linkAccountsForm div.linkedInEmail {
		display: inline-block;
		margin-right: 20px;
	}
	#linkAccountsForm div.linkedInPassword {
		display: inline-block;
	}
	#linkAccountsForm input#cancel, #linkAccountsForm input#submit {
		width: 140px;
		padding: 0.5em 0;
		font-size: 1em
	}
	#linkAccountsForm div.cancel, #linkAccountsForm div.submit {
		float: left;
		display: inline-block;
		margin-right: 20px;
	}
	.bottom{
		width:718px;
		border:1px solid silver;
		display:block;
		margin:470px 0 0 0;
		clear:both;
		}

	#linkAccountsForm div.newsletter {
		padding-top: 20px 10px;
		font-size: 0.8em;
		width:290px;
		display:block;
		margin-left:10px;
	}
	#linkAccountsForm div.newsletter .radiofield {
	font-color:#999;
	}

	/* Footer */
	#icfooter {
		padding: 1em 0 1em 1em;
		font-size: 0.9em;
		position: relative;
		line-height: 1.5em;
		width: 300px;
		margin: 15px auto 0 auto;
		border-top: 1px solid #c0c0c0;
	}
	#icfooter .logo {
		width:147px;
		display:block;
		margin-top:85px;
	}
	#icfooter, .footernav a:link, .footernav a:visited {
		color: #808080;
	}
	.footernav a:hover, .footernav a:active {
		color: black;
	}
}