/* BASE */

html {
    background-color: #28628E;
}
body {
    background: #0A95D1; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#165077', endColorstr='#28628E'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#165077), to(#28628E)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #165077,  #28628E); /* for firefox 3.6+ */
    font-family: Arial, Verdana, sans-serif;
}

a:link,
a:visited,
a:hover,
a:active	{
	color:#217eb5;
}

h1 {
	font-size: 30px;
	color: #0078BF;
}

h2 {
	font-size: 20px;
	color:#ffffff;
}

h3 {
	font-size:18px;
	color:#0078BF;
}

p, ol, ul {
	font-size:14px;
	color:#666666;
	line-height:20px;
}

ol, ul {
	margin-top:4px;
	margin-bottom:4px;
	line-height:22px;
	list-style-type: disc;
}

button	{
	font-size:14px;
	font-weight:bold;
	line-height: 31px;
	margin-top:6px;
	padding:0 20px;
	color:#ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:none;
    cursor:pointer;
}



/* LAYOUT */

.banner {
	margin: 0 auto;
    width:960px;
    height:auto;
    text-align: left;
	padding: 0.5rem 0 0;
}

.wrapper {
    display: block;
     /*background:#ffffff url(content_gradient.png) no-repeat top right;*/
     background:#ffffff url(ipad.png) no-repeat right 220px;
	/*background: #FFFFFF;*/
    margin: 0.5rem auto 0;
    width:960px;
    height:auto;
    text-align: left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 15px;
}
.iframeWrapper {
    display: block;
    /*background:#ffffff url(content_gradient.png) no-repeat top right;*/
    /*background:#ffffff url(ipad.png) no-repeat right 220px;*/
    background: #FFFFFF;
    margin: 0.5rem auto 0;
    width:960px;
    height:auto;
    text-align: left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.content {
	padding: 2rem;
    margin-left:32px;
}

.actionSteps {
	width:50%;
}

.welcome {
	margin-top:12px;
    width: 50%;


}

.note {
	background-color:#ffefd5;
	padding:10px 12px;
	width:510px;
}


/* MODULES */

.banner h2	{
	float:right;
	line-height: 1rem;
	margin-right:12px;
	margin-top: 2rem;
}

.gradientHeader {
	display:block;
	background:url(content_gradient.png) no-repeat top right;
	height:32px;
	-webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
}

.content .logo {
	float:right;
	margin:32px 48px;
}

.actionSteps h2 {
	margin-top:22px;
	margin-bottom:6px;
    color: #fc870e;
}

button.step {
	background-color:#0480ba;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3fb8fa', endColorstr='#2882bc'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#3fb8fa), to(#2882bc)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #3fb8fa,  #2882bc); /* for firefox 3.6+ */	
}

button.login {
	background-color:#fc870e;
	background: #faac1f; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faac1f', endColorstr='#f9781d'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#faac1f), to(#f9781d)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #faac1f,  #f9781d); /* for firefox 3.6+ */
	margin-bottom:28px;
}

.footer {
	color: #DBD8D4;
	font-size:11px;
	text-align:center;
	line-height:32px;
    margin: 0 auto;
    width:960px;
}

.footer a:link, .footer a:visited, .footer a:hover, .footer a:active {
	color: #BFD1E5;
}