﻿/* HOME PAGE STYLE SHEET */

body 
{
	text-align:center;
	font-family:lucida grande,tahoma,verdana,arial,sans-serif;
}

#container
{
	margin:auto;
	width:888px;
	text-align:left;
}

a
{
	color:#939393;
	text-decoration:none;
}

a img
{
	border:none;
}

/* Main Image (Top-Left) */
.image
{
	background-repeat: no-repeat;
	background-position: 13px 37px;
	background-image:url('../images/sitedesign/main.jpg');
	margin-right:21px;
	
    padding:95px 0px 0px 58px;
	width:523px;
	height:280px;
	color:#012c9c;
	font-weight:bold;
	font-size:27px;
	line-height:31px;
}

.image .title
{
    height:117px;
    font-weight:bold;
    font-size:75px;
    padding:13px 0px 0px 0px;
    line-height:normal;
}

/* Sign-up Section (Top-Right) */
#signup
{
	margin-top:115px;
	width:286px;
	text-align:left;
	float:right;
	font-size:9pt;
	font-weight:bold;
	color: #939393;
}

#signup_title
{
    color:#012c9c;
    font-size:27px;
    font-weight:bold;
    margin-top:-2px;
    margin-bottom:7px;
}

#signup_content
{
    width:255px;
    color:#012c9c;
    margin-bottom:12px;
    line-height:16px;
}

#signup img
{
	margin-bottom:8px;
	visibility:hidden;
}

/* Setting the Textbox Size */
.textbox
{
	width:130px;
}

.grey
{
	background-color: #dedede;
	border:none;
}

/* Why do I need to provide this? (Inside Sign-up) */
#signup #signup_footer
{
	padding-top:16px;
	font-size:8pt;
	font-weight:normal;
	float:left;
}

#signup .button
{
	float:right;
	margin-top:5px;
	margin-right:25px;
    width:81px;
    height:29px;
    padding-top:8px;
    background-image:url('../images/sitedesign/button.png');
    text-align:center;
    vertical-align:middle;
    color:#ffffff;    
}

/* Blue Bar (Bottom of the page) */
#bluebar
{
	width:895px;
	height:137px;
	background-image:url("../images/sitedesign/bar.jpg");
	background-repeat:no-repeat;
	margin-left:-6px;
}

#bluebar #bar_content
{
	width:852px;
	height:137px;
	float:left;
	padding: 13px 19px 20px 27px;
	color:White;
	font-size: 9pt;
}

#bluebar #bar_content a
{
	color:White;
	font-size: 9pt;
	text-decoration:none;
}


/* Setting the Textbox Size (Login/PW) */
#bluebar #bar_content .textbox
{
	width:auto;
	border:none;
	margin-bottom:0;
}

#bluebar #bar_content .language
{
    text-align:right;
	height:28px;
	float:right;
}

#bluebar #bar_content .language input
{
    margin-right:3px;
}

#bluebar #bar_content #appstore
{
    width:260px;
    height:41px;
    float:right;
}

#bluebar #bar_content #copyright
{
	color:#8bbcf4;
	font-weight:bold;
	float:left;
}

#bluebar #bar_content #footer
{
	color:#8bbcf4;
	text-align:right;
}

#bluebar #bar_content #footer a
{
	color:#8bbcf4 !important;
	text-decoration:none;
}

/*Error Div for profile/view group page*/
.div_error
{
	padding: 5px;
	border:dotted 1px Red;
	margin:0px 10px 10px 10px;
	width: 750px;
}

/*Error message font-style*/
.error_font
{
	color:Red;
	font-weight:bold;
}

.opaque 
{
	opacity: .4;
	filter: alpha(opacity=40);
}

.watermark
{
    color:Gray;
}

#login .button
{
    width:54px;
    height:25px;
    padding:6px 5px 0px 0px;
    
    text-align:center;
    display:block;
    font-weight:bold;
    background-image:url('../images/sitedesign/login_button.png');
}
