/*
####################################################################################################
####    rev 1.0.004 - started:050329
####################################################################################################

    CSS for MODULES

    Identifier is:  o4e7s3a3
    
####################################################################################################
*/


/*  login  ///////////////////////////////////////////////////////////////////////////////////////*/

#o4e7s3a3-loginContainer {
}
#o4e7s3a3-loginContainer table {
    border-collapse: collapse;
}
#o4e7s3a3-loginContainer img, div {
    border: none;  padding: 0px;  margin: 0px;
}
#o4e7s3a3-loginContainer form {
	margin: 0px;
}

#o4e7s3a3-loginContainer td, #o4e7s3a3-loginContainer div {
	border: 0px;  padding: 0px;  margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 130%;
	color: #000000;
	text-align: left;
	vertical-align: top;
}
#o4e7s3a3-loginContainer .headline {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
    padding-bottom: 10px;
}

#o4e7s3a3-loginContainer .feedbackContainer {
    padding-top: 5px;
    font-size: 11px; font-weight: bold;  color: #333333;
}

#o4e7s3a3-loginContainer .dividerBox-hori {
    height: 15px;  font-size: 1px;
}
#o4e7s3a3-loginContainer .newUserContainer {
    padding-bottom: 10px;
}
#o4e7s3a3-loginContainer .newUserContainer a:link, #o4e7s3a3-loginContainer .newUserContainer a:visited,
#o4e7s3a3-loginContainer .newUserContainer a:hover, #o4e7s3a3-loginContainer .newUserContainer a:active {
    color: #296D74;
}

#o4e7s3a3-loginForm {
}
#o4e7s3a3-loginForm td {
}
#o4e7s3a3-loginForm .labelCell {
    padding-top: 2px;  padding-bottom: 1px;
}
#o4e7s3a3-loginForm label {
}
#o4e7s3a3-loginForm .textField {
    font-family: verdana, arial, sans-serif;
    font-size: 10px;
    border-left: #555555 1px solid;
    border-top: #555555 1px solid;
    border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
    padding: 0px;
    height: 13px;
    background-color: #E4F2EE;
    margin-left: 30px;
    width: 130px;
}
#o4e7s3a3-loginForm .passwordField {
    font-family: verdana, arial, sans-serif;
    font-size: 10px;
    border-left: #555555 1px solid;
    border-top: #555555 1px solid;
    border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
    padding: 0px;
    height: 13px;
    background-color: #E4F2EE;
    margin-left: 30px;
    width: 100px;
}
#o4e7s3a3-loginForm .loginButton-spacerCell {
    width: 17px;
}
#o4e7s3a3-loginForm .loginButton {
    _margin-top: 1px; /* IE */
	width: 13px;  height: 14px;
	background-image: url(/o4e7s3a3-files/loginButton.gif);
    color: transparent;  _color: #FFFFFF;
	font-size: 0px;  line-height: 0px;
	background-repeat: no-repeat; background-color: transparent; border: none;
    cursor: pointer;
}


#o4e7s3a3-logoutForm {
    text-align: right;
}
#o4e7s3a3-logoutForm .logoutButton {
    font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #E4F2EE;
    border-left: #53C1CD 1px solid;
    border-top: #53C1CD 1px solid;
    border-right: #555555 1px solid;
    border-bottom: #555555 1px solid;
	background-color: #39848C;
}
#o4e7s3a3-logoutForm .logoutButton:hover, #o4e7s3a3-logoutForm .logoutButton:active,
#o4e7s3a3-logoutForm .logoutButton-hover {
    font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
    border-left: #555555 1px solid;
    border-top: #555555 1px solid;
    border-right: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
	background-color: #449EA8;
}


/*  newsletterBox  ///////////////////////////////////////////////////////////////////////////////*/

#o4e7s3a3-newsletterBoxContainer {
    /**/
}
#o4e7s3a3-newsletterBoxContainer table {
    border-collapse: collapse;
    width: 95%;
}
#o4e7s3a3-newsletterBoxContainer img, div {
    border: none;  padding: 0px;  margin: 0px;
}
#o4e7s3a3-newsletterBoxContainer td, #o4e7s3a3-newsletterBoxContainer div {
	border: 0px;  padding: 0px;  margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 130%;
	color: #000000;
	text-align: left;
	vertical-align: top;
}
#o4e7s3a3-newsletterBoxContainer a:link, #o4e7s3a3-newsletterBoxContainer a:visited,
#o4e7s3a3-newsletterBoxContainer a:hover, #o4e7s3a3-newsletterBoxContainer a:active {
    color: #296D74;
}

#o4e7s3a3-newsletterBoxContainer .headline {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
    padding-bottom: 10px;
}
#o4e7s3a3-newsletterBoxContainer .description {
    padding-top: 5px;
    font-size: 10px;  line-height: 140%;  font-weight: bold;  color: #444444;
}
#o4e7s3a3-newsletterBoxContainer .dividerBox-hori {
    height: 12px;  font-size: 1px;
}
#o4e7s3a3-newsletterBoxContainer .signup {
}
#o4e7s3a3-newsletterBoxContainer .signup .textLink {
}
#o4e7s3a3-newsletterBoxContainer .signup .spacerCell {
}
#o4e7s3a3-newsletterBoxContainer .signup .imageLink {
}


/*  new_user  ////////////////////////////////////////////////////////////////////////////////////*/


#o4e7s3a3-newUserContainer {
}
#o4e7s3a3-newUserForm {
}
#o4e7s3a3-newUserForm select, #o4e7s3a3-newUserForm option {
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    padding: 0px;
    height: 18px;
    background-color: #FFFFFF;
    margin-left: 0px;
    width: 80px;
}

/*  newsletterPage  //////////////////////////////////////////////////////////////////////////////*/

#o4e7s3a3-signupContainer {
}
#o4e7s3a3-signupForm {
}


/*  new_user + newsletterPage  ///////////////////////////////////////////////////////////////////*/

#o4e7s3a3-newUserForm .mandatoryMarker, .o4e7s3a3-newUserForm-mandatoryMarker,
        #o4e7s3a3-signupForm .mandatoryMarker, .o4e7s3a3-signupForm-mandatoryMarker {
    color: #CC3300;  font-weight: bold;
}
#o4e7s3a3-newUserForm .errorMarker,
        #o4e7s3a3-signupForm .errorMarker {
    color: #CC3300;  font-weight: bold;
    font-size: 14px;  line-height: 100%;
}

#o4e7s3a3-newUserForm td,
        #o4e7s3a3-signupForm td,
                #o4e7s3a3-signoffForm td {
}
#o4e7s3a3-newUserForm .labelCell,
        #o4e7s3a3-signupForm .labelCell,
                #o4e7s3a3-signoffForm .labelCell {
    padding-top: 0px;  padding-bottom: 4px;
    width: 100px;  padding-right: 10px;
}
#o4e7s3a3-newUserForm label,
        #o4e7s3a3-signupForm label.
                #o4e7s3a3-signoffForm label {
}

#o4e7s3a3-newUserForm .textField,
        #o4e7s3a3-signupForm .textField,
                #o4e7s3a3-signoffForm .textField {
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    border-left: #555555 1px solid;
    border-top: #555555 1px solid;
    border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
    padding: 0px;
    height: 18px;
    background-color: #FFFFFF;
    margin-left: 0px;
    width: 200px;
}
#o4e7s3a3-newUserForm .textField-medium,
        #o4e7s3a3-signupForm .textField-medium {
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    border-left: #555555 1px solid;
    border-top: #555555 1px solid;
    border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
    padding: 0px;
    height: 18px;
    background-color: #FFFFFF;
    margin-left: 0px;
    width: 140px;
}
#o4e7s3a3-newUserForm .textField-short,
        #o4e7s3a3-signupForm .textField-short {
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    border-left: #555555 1px solid;
    border-top: #555555 1px solid;
    border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
    padding: 0px;
    height: 18px;
    background-color: #FFFFFF;
    margin-left: 0px;
    width: 80px;
}

#o4e7s3a3-newUserForm .submitButton,
        #o4e7s3a3-signupForm .submitButton,
                #o4e7s3a3-signoffForm .submitButton {
    font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
    border-left: #E6E6E6 1px solid;
    border-top: #E6E6E6 1px solid;
    border-right: #555555 1px solid;
    border-bottom: #555555 1px solid;
	background-color: #D6D6D6;
	width: 60px;
}
#o4e7s3a3-newUserForm .submitButton:hover, #o4e7s3a3-newUserForm .submitButton:active,
#o4e7s3a3-newUserForm .submitButton-hover,
        #o4e7s3a3-signupForm .submitButton:hover, #o4e7s3a3-signupForm .submitButton:active,
        #o4e7s3a3-signupForm .submitButton-hover,
                #o4e7s3a3-signoffForm .submitButton:hover, #o4e7s3a3-signoffForm .submitButton:active,
                #o4e7s3a3-signoffForm .submitButton-hover {
    font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #555555;
    border-left: #666666 1px solid;
    border-top: #666666 1px solid;
    border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
	background-color: #FFFFFF;
	width: 60px;
}

#o4e7s3a3-signupForm .submitButton,
            #o4e7s3a3-signoffForm .submitButton {
	width: 90px;
}
#o4e7s3a3-signupForm .submitButton:hover, #o4e7s3a3-signupForm .submitButton:active,
#o4e7s3a3-signupForm .submitButton-hover,
        #o4e7s3a3-signoffForm .submitButton:hover, #o4e7s3a3-signoffForm .submitButton:active,
        #o4e7s3a3-signoffForm .submitButton-hover {
    width: 90px;
}



