/*
 * HTML tags
 */
body {
	font-family:"Noto Sans","Gotham Rounded A","Gotham Rounded B",sans-serif;
	font-size:12pt;
	margin:0;
	padding:0;
	background-color:white;
	color:#555;
}
input,button,select {
	font-family:"Noto Sans","Gotham Rounded A","Gotham Rounded B",sans-serif;
        font-size:12pt;
	color:#555;
}
input,select {
	background-color:#E0E0E0;
	padding:5px;
	border-radius:5px;
	border:0;
	font-size:12pt;
}
input[type="text"].readonly {
	background: #E0E0E0;
	color: #888;
}

td {
	padding:5px;
	vertical-align:middle;
}
a {
	color:#AA0000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
h1 {
	font-size:14pt;
	width:100%;
	border:0;
}

/*
 * LAYOUT 
 */
#page_container {
	margin: 0 auto; 
	width: 500px; 
	background-color: white;
	background-position: center 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border: 0 solid #214478;
	border-top:0;
}
#banner {
	background: url('../images/cellpower_login_logo.png') no-repeat;
	background-position: center 10px;
	height:140px;
	border-bottom:0px solid #214478;
}
#main_container {
	margin: auto;
	font-size:12pt;
	padding-top:5px;
	padding-bottom:20px;
	border-radius:10px;
}
#main_container form {
	margin:auto;
}
#main_container table {
	width:100%;
}
#main_container table td {
	font-size:12pt;
	text-align:center;
}
#main_container input {
	border:0;
	border-radius:5px;
	background:#e0e0e0;
	padding:5px;
	width: 100%;
	font-size:14pt;
}
#main_container button {
	background: #ff8400;
	border:0;
	border-radius: 5px; 
	color: #fff; 
	cursor: pointer; 
	padding: 7px 25px; 
	text-align: center; 
	text-transform: uppercase; 
	margin:0px; 
	vertical-align:baseline;
}
#main_container input[type="submit"] {
	background-color:#ff8400;
	cursor:pointer;
	color:white;
	text-transform: uppercase;
	box-shadow: 0px 0px 5px 0px #888888;
}
#main_container table.registration_form tr td {
  text-align:left;
}
#main_container table.registration_form tr td:first-child {
  text-align:right;
}
div.footer {
	font-size:8pt;
	background: url('../images/cellpower_logo-H40px.png') no-repeat;
	background-position: right 20px center;
	padding:10px;
	font-weight:bold;
	margin-top:0;
}

#navbar {
	background-color: #214478;
	line-height: 24pt;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 5px;
	padding-left:20px;
}
#navbar a {
	padding-right: 10px;
	color:#F0F0F0;
}
#page_heading {
	display:none;
}
#content {
	_width: 80%;
	margin: auto;
	background: #F0F0F0;
	padding-left: 10px;
	padding-right:10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.content_container_default {
	padding:10px;
	padding-right:15px;
}

/*
 * GENERAL TYPOGRAPHY
 */

table.registration_form tr td .label_txt {
  display:none;
}
div.required_info_message {
	font-style: italic;
}
span.label_required {
	color: red;
	font-weight: bold;
	font-size:18pt;
}
div.form_item_error_message {
   margin-top: 5px;
   color: red;
}
.tooltip img {
	vertical-align: middle;
}
.form_section_heading span {
	display:block;
	background: #555;
	color: white;
	font-weight:bold;
	margin-top:10px;
	padding-top:5px;
	padding-bottom:5px;
}

/* BREAKPOINT 640px */

/* when changing the breakpoint below, change it ito the same value in the script.js file as well */
@media only screen and (max-width: 640px) {
	#page_container {
		width:100%;
	}
	#main_container {
		border-radius:0;
	}
	#content {
		width:100%;
		padding:0;
	}
	#navbar {
		border-radius:0;
	}
}