body {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #282828;
}

h1 {
    font-size: 1.4em;
    font-weight: bolder;
    padding: 10px 0px 10px 0px;
}

h2 {
    font-size: 1.2em;
    font-weight: bolder;
    padding: 10px 0px 5px 0px;
}

h3 {
	font-size: 1.1em;
	font-weight: bolder;
    padding: 10px 0px 5px 0px;
}

div#page {
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
}

div#main-menu {
    float: right;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    margin: 0px 30px 0px 0px;
    padding: 20px 10px 10px 10px;
    border-radius: 0px 0px 5px 5px;
    font-weight: bolder;
    background-color: #f1f1f1;

}

div#header {
    border-bottom: 1px solid silver;
    padding: 0px 10px 0px 10px;
    margin-bottom: 15px;
}

div#footer {
    border-top: 1px solid #e1e1e1;
    background-color: #f1f1f1;
    margin-top: 10px;
    font-size: 0.9em;
    color: gray;
    text-align: center;
    border-radius: 0px 0px 5px 5px;
}

div.menu-item {
    padding: 5px 0px 5px 10px;
    font-weight: bold;
    font-size: 1.1em;
    border-right: 1px solid silver;
}

div.sub-menu-item {
    padding: 5px 0px 5px 10px;
}

div.selected-menu-item {
    background-color:  #f1f1f1;
    border-top: 1px solid silver;
    border-left: 1px solid silver;
    border-bottom: 1px solid silver;
    border-right: 0px solid silver;
}

div#adsense-banner {
	border-top: 1px solid silver;
	text-align: center;
    border-left: 1px solid silver;
    border-bottom: 1px solid silver;
    border-right: 1px solid silver;

}

div.w900, div.w200, div.w700 {
    float: left;
    margin-left: 10px;
}

div.w900 {
    width: 890px;
}

div.w700 {
    width: 680px;
    margin-left: 20px;
}

div.w200 {
    width: 190px;
}

div#front_page, div#error_page {
    width: 400px;
    margin: 30px auto 0px auto;
}


div#front_page_content, div#error_page_content {
    padding: 10px 10px 10px 10px;
    border: 1px solid silver;
    border-radius: 5px;
}

div#front_page_footer, div#error_page_footer {
    text-align: center;
    color: gray;
}

div.w100pct {
	width: 100%;
	float: left;
}

div.info {

}

div.watermark-preview {
	float: left;
	padding: 5px;
}

/*
p {
    padding: 5px 5px 5px 5px;
}
*/

.span-photo-remove {
    width: 165px;
    margin-left: 30px;
}

.photo-inner-remove {
    text-align: center;
    height: 145px;
}

.photo-inner-remove img {
	max-width: 100%;
	max-height: 100%;
}

p.photo_name {
    text-align: center;
    font-weight: bolder;
    font-size: 1.1em;
}

div.ok, div.warning, div.error, #flash .ok, #flash .warning, #flash .error {
	padding: 10px 10px 10px 10px;
	margin: 5px 5px 5px 5px;
}

div.ok, #flash .ok {
	border: 1px solid #28bf28;
    background-color:#d8ecd8;
}
div.warning, #flash .warning {
    border: 1px solid #f7e100;
    background-color:#fff483;
}
div.error, #flash .error {
    border: 1px solid #f94133;
    background-color:#f9c5c1;
}

div#app-error {
	margin: 25px auto 0px auto;
	width: 500px;
    border: 1px solid silver;
    border-radius: 5px;
}

label {
    font-weight: bolder;
}

label.error {
	color: #f94133;
}

label.label-tooltip {
	cursor: help;
}

input.error {
	background-color: #f9c5c1;
}

table.form td {
    padding: 3px 5px 3px 5px;
}

strong {
    font-weight: bolder;
}

a {
	text-decoration: none;
	color: #2762d0;
}

div#main-menu a.current-module, div.menu-item a.current-submodule {
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

table.admin {
    margin: 5px 0px 5px 0px;
    border-collapse: collapse;
}

table.admin td {
    padding: 3px;
    border: 1px solid silver;
}

table.admin th {
    background-color: #f1f1f1;
    font-weight: bolder;
    border: 1px solid silver;
    padding: 3px;

}

form.inline {
	display: inline;
}

button.google-login {
    width: 246px;
    height: 54px;
    background: none;
    border: 0px;
    padding: 0;
    margin-left: -4px;
    background-image: url('../images/google-sign-in.png');
}

button.google-login:hover {
    background-image: url('../images/google-sign-in-hover.png');
}

button.google-login:active {
    width: 246px;
    height: 54px;
    background: none;
    border: 0px;
    padding: 0;
    background-image: url('../images/google-sign-in-press.png');
}