div#header {
	width: 100%;
}

div#header > div {
	width: 480px;
}

div#logo {
	
}

div#logo img {
}

div#top-navigation ul#site-actions {
}

div#top-navigation {
	width: 100%;
	/* height: 40px; */
}

div#top-navigation > div {
	width: 100%;
}

div#top-navigation > ul {	
}

div#top-navigation > div > ul > li {
}

div#top-navigation ul a {
	/* padding: 9px 9px; */
}

div#top-navigation > div > ul > li > a:HOVER {
}

div#top-navigation ul a:HOVER {
}

div#top-navigation a.selected,div#top-navigation a.selected:HOVER {
}

div#top-navigation ul li ul {
}

div#top-navigation ul li:HOVER ul {
}

div#top-navigation ul#account-actions {
}

div#wrapper {
	margin-left: 1%;
	margin-right: 1%;
	width: 98%;
	min-height: 351px;
}

div#footer>div {
	width: 100%;
}

div#description p {
	padding-bottom: 4px;
}

div#features li, div#description li {
}

div#contact, div#contact label {
}

div#contact label {
}

h1 {
}

h2 {
}

button {
}

label{
}

button:hover {
}

a {
}

a:hover {
}

table {
}

.success-message {
}

.error-message {
}

div#message {
	height: 26px;
	margin-top: 10px;
}

.form-table td {
	text-align: left;
}

label.required {
	color: #6DB1FF;
}

input.required {
	
}

.note {
	
}

div.submit-form {
}

div.submit-form label {
}

div.submit-form label {
	margin-left: 1%;
}

div.submit-form input, div.submit-form select, div.submit-form textarea {
	margin-left: 1%;
	margin-right: 1%;
	width: 98%;
}

div.submit-form textarea {
	/**textarea appear slightly wider from a mobile device. This fixes the issue. **/
	width: 97%;
}

div.submit-form button {
	margin-left: 1%;
}

div#login-form {
}

div#login-form label {
}

div#login-form button {
}

input[type="text"] {
}

select {
}

input[type="checkbox"] {
}

p.confirmation-message {
}

h4 {
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
}

.hpo,input.hpo {
}

div#left-side {
	/**The three attributes below are responsible for centering the images in the screen**/
	display: inline-block;
	text-align: center;
	width: 100%;
} 

div#description {
	width: 98%;
	padding-right: 1%;
	padding-left: 1%;	
}

div#right-side {
	width: 100%;
}

div#right-side> a {
	display: table;
	margin-right: auto;
	margin-left: auto;
}

div#screenshots {
	float: none;
	width: 100%;
	padding-bottom: 12px;
	/**The two attributes below are responsible for centering the images in the screen**/
	display: inline-block;
	text-align: center;
	/**resetting the margin-left setted in styles.css**/
	margin-right: 0px;
	margin-left: 0px;
}

/*https://stackoverflow.com/questions/787839/resize-image-proportionally-with-css*/
div#screenshots img {
	width: 160px;
	margin-bottom: 9px;
}

div#app-home {
	width: 98%;
	/*The three attributes below are responsible for the adjusting of the div size according to its contents*/
	height: auto;
	min-height: 90px;
	overflow: hidden;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 3px;
	padding-bottom: 3px;
}

div#app-home div#home-left-side, div#app-home div#description, div#app-home div#right-side {
	clear: both;
	width: 100%;
	display: inline-block;
	text-align: center;
	padding-bottom: 9px;
}

div#app-home div#right-side a {
	display: inline;
}

div#app-home div#right-side img {
	width: 141px;
	padding-right: 3px;
	padding-left: 3px;
}

div#app-home div#right-side a:nth-child(1) {
	
}

div#app-home div#right-side a:nth-child(2) {
	
}

div#app-home h2 {
	margin-top: 0px;
	margin-bottom: 3px;
}

select {
	-webkit-appearance: listbox;
	min-height: 30px;
	height: 30px;
}