body {
    padding-top: 50px;
    padding-bottom: 20px;
    text-align: center;
    min-height: 100%;
    text-shadow: none;
    font-weight: 100;
}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
    /*background: url('/Content/Image/background.gif');*/
	background-color: white;
}

h1{
	margin: 0px;
	/*color: #aaaaaa;*/
}

h2{
	margin: 0px;
	/*color: #aaaaaa;*/
}

h3{
	margin: 0px;
	color: #555555;
}

th{
	border-top: solid 2px #cccccc;
	border-bottom: solid 1px #cccccc;
	padding: 10px;
	text-align: center;
}

#header-div{
    padding: 0px 10px 0px 10px; 
    /*background-color: #23334e;*/
    border-top: solid 8px #aaaaaa;
    background-color: #888888; 
    color: white;
    text-shadow: none;
    font-weight: normal;
    border-bottom: solid 3px orange;
}

#header-content-div{
    margin: auto; 
    text-align: left; 
    max-width: 1200px; 
}

#name-div{
    vertical-align: bottom;
    color: white;
    font-size: 20px;
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 50px;
    text-shadow: 0px 1px 0px #919191;
    padding-left: 5px;
}

#content-div{
    margin: auto; text-align: left; max-width: 1200px;
    background: url('/Content/Image/background.gif');
	padding-top: 15px;
}

#footer-div {
    text-align: center; 
    font-size: 0.7em; 
    color: gray;
}

a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    font-weight: normal;
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.usernamepassword{
    line-height: 50px;
    font-size: 1em;
}

.page-title {
    font-size: 1.2em;
    padding: 0px 0px;
    /*margin: 0px 0px 10px 0px;*/
    /*padding: 0px 0px 10px 0px;*/
    /*border-bottom: solid 2px #aaaaaa;*/
}
.page-subtitle {
    padding: 5px 0px 10px 0px;
    /*margin: 0px 0px 10px 0px;*/
    /*padding: 0px 0px 10px 0px;*/
    /*border-bottom: solid 2px #aaaaaa;*/
}

.section-title{
    font-size: 1em;
    padding-left: 0px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: solid 1px #e5e5e5;
    width: 80%;
    font-weight: bold;
}

.field-div {
    position:relative;
}

.hint-div{
    text-align: left;
    font-size: small;
    font-weight: 100;
}

.field-textbox {
    width: 100%;
}

.field-info-icon {
    position:absolute;
    right:5px;
    top:5px;
}

.toast_div {
    color: black; 
    background-color: #7FFFD4; 
    border: solid 1px #5E8D5E; 
    border-radius:5px; 
    padding: 10px 15px; 
    margin: 3px auto; 
    max-width: 350px;
    display: block;
	opacity: 0.90;
	position: fixed;
	text-align: center;
	width: 320px;
    bottom: 20px;
}

#sm-countdown-dialog
{
    padding: 25px;
    background-color: #FFFFCC;
}

hr{
    border: none;
    height: 1px;
    color: #e5e5e5; 
    background-color: #e5e5e5;
}

.bar-top {
    /*border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border: 1px solid #324b77;
    padding: 5px 10px 5px 10px;
    background-color: #324b77;
    color: white;
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: center;
    text-shadow: none;*/
    border-bottom: solid 1px orange;
    padding: 10px;
    margin-bottom: 10px;
}

.bar-bottom {
    /*margin-top: 0px;
    padding: 5px;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border: 1px solid #324b77;*/
}



.add-new{
    border: dashed 1px gray;
    color: gray;
    background-color: #f9f9f9;
}

#menu_bg
{
    background-color: #666666;
    padding: 0px 1px;
    border-radius: 5px;
}
#menu_bg a{
    font-weight:100;
    font-size: 0.9em;
    color: #a2b5d5;
    font-family: Arial;
    text-shadow: none;
}
.menu_item
{
    display: inline-block;
    margin: 0px;
    padding: 10px 5px 7px 5px;
    text-align: center;
}
.menu_item_selected
{
    border-bottom: solid 3px orange;
    font-weight: bold;
    color: white;
}
.nav_button{
    background-color: #324b77;
    border-radius: 5px;
    border: solid 1px #324b77;
}

label.ui-radio-off {
}

label.ui-radio-on {
    min-width: 10px;
}

.text-intro{
    font-size: 0.8em;
}




.underline-div{
    background-color: orange;
    height: 3px;
    margin-top: 3px;
}



.table {
    width:100%;
    border-collapse:collapse;
    border-spacing: 0; 
}



.hidden {
    display: none;
}

.number_display_div{
    border: solid 1px #ddd;
    border-radius: 5px;
    padding: 5px 10px;
    text-align: right;
    font-size: 1.1em;
    font-weight: bold;
    background-color: white;
    width: 115px;
}

.input_box{
    font-size: 18px;
    font-weight: bold;
    text-align: right;
	color: #FD4E00;
}

#ext_login_div {
    text-align: left;
    background: url('/Content/Image/background.gif');
    padding: 15px 0px;
    border-top: solid 1px #dddddd;
}

/*.active{
    border-bottom: solid 3px orange;
}*/

.formula-div{
	padding: 10px 5px;
	border-top: solid 1px #ddd;
	background-color: #f6f6f6;
}

.section-div{
	border-radius: 5px;
	border: solid 1px #cccccc;
	padding: 15px;
	/*background-color: gray;*/
}


.friends-page-div{
	display: inline-block; 
	vertical-align: top; 
	margin: 20px 10px;
}