body {

    font-family: arial, verdana;

    font-size: small;

    color: #666;

    margin: 0px;

    padding: 0px;

}



img {

    border: 0px;

}



.spacer {

    clear: both;

}



.note {

    background-color: #ffffdd;

    padding: 5px 15px;

    border: 1px dashed #f10;

}





/* HEADER */

#securityNote {

    text-align: center;

    margin-top: 15px;

    background-color: #eaf3fd;

    color: #6699cc;

    font-size: medium;

    padding: 5px;

}

#securityNote a {

    color: #6699cc;

}



#headerWrap {

    background-color: #eee;

    border-bottom: 2px solid #ddd;

    padding-bottom: 3px;

}



#header {

    width: 880px;

    margin: 0px auto;

    text-align: right;

    color: #777;

    padding: 10px 10px 5px 10px;

    font-size: x-small;

}

#header input {

    font-size: x-small;

}



#forgotPass a {

    color: #777;

    text-decoration: none;

    padding-left: 5px;

    font-size: x-small;

}

#forgotPass a:hover {

    text-decoration: underline;

}

.staticSignedIn a {

    color: #fff;

}

.staticSignedIn a:hover {

    color: yellow;

}



/* HEADER MENU */

#headerMenu {

    float: right;

    padding: 64px 20px 0 0;

    width: 400px;

}

#headerMenu div {

    padding: 5px 10px;

    background-color: #eaf3fd;

    font-weight: bold;

    float: right;

    margin-right: 5px;

}

#headerMenu a {

    text-decoration: none;

    color: #6699cc;

}

#headerMenu a:hover {

    text-decoration: underline;

}



/* CONTENT */



#contentBorder {

    border-top: 1px solid #999;

    padding: 25px 0 40px 0;

    border-bottom: 1px solid #999;

    background-color: #fff;

}



#contentMainWrap {

    border: 3px solid #eaf3fd;

}



#mainContentBorder {

    border: 1px solid #ccc;

}



.contentWrap {

	width: 880px;

	margin: 0px auto;

}



#homeButtons {

    float: right;

    position: relative;

    top: 40px;

    right: 25px;

}



#homeButtons div {

    padding: 10px 20px;

    background-color: #E6FFBF;

    float: right;

    margin-left: 10px;

}



#homeButtons a {

    font-weight: bold;

    color: #6699cc;

}



#contentBottom {

    border-top: 2px solid #ddd;

    background: #f7f7f7 url('images/footer.gif') repeat-x bottom left;

    padding-top: 10px

}



.contentPadding {

    padding: 7px 12px 12px 25px;

}



.contentBoxLeft {

    float: left;

    width: 400px;

    padding-right: 15px;

}

.contentBoxRight {

    float: left;

    width: 400px;

    padding-left: 15px;

}

.contentBox {

    float: left;

    width: 400px;

    padding: 15px;

}

.redHeader {

    color: #b93131;

    font-weight: bold;

    padding: 8px;

    font-size: medium;

}

.blueHeader {

    color: #6699cc;

    font-weight: bold;

    padding: 8px;

    font-size: medium;

}

.contentPadding a {

    color: #666666;

}

.contentBox h1 {

    color: #6699cc;

    font-weight: bold;

    font-size: medium;

    margin: 0px;

    padding: 0px;

}

.contentBox p {

    line-height: 1.4em;

    font-size: medium;

    margin: 0px;

    padding-top: 5px;

}

.contentPadding ul {

    padding-left: 15px;

    padding-top: 10px;

    margin: 0px;

}

.contentPadding li {

    padding-bottom: 14px;

    margin: 0px;

}



#contentBottom .contentBox p {

    font-size: medium;

    color: #6699cc;

    line-height: 1.5em;

    margin: 0px;

    padding: 0px;

}

#contentBottom .contentBox {

    background: url('images/quote.gif') no-repeat top left;

    width: 236px; padding-left:20px; padding-right:15px; padding-top:0px; padding-bottom:15px    

}



#contentBottom .contentBox .source {

    text-align: right;

    padding-top: 8px;

    font-size: small;

}



#mainContentPadding {

    padding: 30px 24px 55px 25px;

}



/* FOOTER */



#footer {

    text-align: center;

    padding-bottom: 20px;    

}



#footer a {

    color: #666666;

    text-decoration: none;

}



/* STATIC PAGES */

.headline3 {

	font-size: 140%;

	font-weight: bold;

    color: #6699cc;



}



.headline4 {

	font-size: 115%;

	font-weight: bold;

    color: #666666;

}



.staticInfo {

	padding: 15px;

	color: #000;

	background-color: #fff;

}



/* REGISTRATION */



.regCenter {

	margin: 0px;

	padding: 10px;

	font-size: small;

	text-align: center;

	color: #000;

    width: 500px;

	background-color: #fff;

    margin: 0px auto;

}



.regLogin table {

	margin-top: 10px;

	margin-left: auto;

	margin-right: auto;

	padding: 0px;

	text-align: right;

}





.regForm table {

	margin-top: 10px;

	margin-left: auto;

	margin-right: auto;

	padding: 0px;

	text-align: right;

}



.regFormAlignLeft {

	text-align: left;

}



.regReq {

	font-size: small;

	color: #f10;

	text-align: left;

}



.regError {

	font-size: x-small;

	color: red;

	text-align: right;

    display: none;

}



.regNote {

	font-size: x-small;

	color: #999;

}



.regPad {

	margin: 0px;

	padding: 35px 0px 0px 0px;

}



/* FORGOT PASS PAGE */



.forgotPass {

	font-size: small;

	line-height: 150%;

  	padding: 0px 10px;

  	text-align: center;

    margin-bottom: 30px;

  	color: #000;

}



.forgotPass table {

	margin-top: 10px;

	margin-right: auto;

	margin-left: auto;

	text-align: right;

}



.forgotPassQuestion {

	font-weight: bold;

}



/* SETTINGS */



.settings {

	font-size: small;

	padding: 30px 10px 50px 10px;

	text-align: center;

	color: #000;

    width: 622px;

    margin: 0px auto;

}



.settings table {

	margin-left: auto;

	margin-right: auto;

	text-align: right;

}



.settingsPadBottom {

	padding-bottom: 10px;

}



.settingsOldEmail {

	font-weight: bold;

	color: green;

}



.settingsMenu {

	float: left;

	margin-top: 10px;

	padding: 0px;

	width: 160px;

	text-align: left;

	border: 1px solid #CFD4E6;

}



.settingsMenu {

	padding: 0px;

}

.settingsMenu div {

	margin: 0px;

	padding: 6px 10px;

	font-weight: bold;

	font-size: small;

}



.settingsMenu ul a:visited { text-decoration: none; color: #777777; }

.settingsMenu ul a:active { text-decoration: underline; color: #777777; }

.settingsMenu ul a:link { text-decoration: none; color: #777777;  }

.settingsMenu ul a:hover { text-decoration: underline; color: #777777; }



.settingsArea {

	float: left;

	margin-top: 10px;

	margin-bottom: 10px;

	margin-left: 10px;

	padding-top: 10px;

	padding-bottom: 15px;

	width: 400px;

	border: 1px solid #CFD4E6;

}



/* FEEDBACK */

.feedback {

	font-size: small;

	line-height: 150%;

	padding: 0px 10px;

}



.feedbackResults {

	text-align: center;

}



.feedbackResults p.feedbackError {

	color: red;

	font-weight: bold;

}



.feedbackAlignCenter {

	text-align: center;

}



.feedbackAlignRight {

	text-align: right;

}



.feedback form div#screenshotUpload {

	margin-top: 10px;

}



.feedbackLogin {

	text-align: center;

}



.feedbackLogin table {

	margin-left: auto;

	margin-right: auto;

	text-align: right;

}



.staticContent div.securityImg {

	text-align: center;

}



.privacy {

	font-size: small;

}



.internationalize {

    margin: 0px auto;

    width: 250px;

    padding-top: 20px;

}



/* FEATURES */

.staticMenu {

    text-align: center;

    padding: 5px;

    margin-top: 10px;

    background-color: #eee;

}

.staticMenu a {

    color: #6699cc;

    padding: 5px;

}

.staticMenu .active {

    font-weight: bold;

    font-size: medium;

    color: #6699cc;

}



h2 {

	font-size: 140%;

    color: #6699cc;

    margin: 0px;

}



.featureImg {

    text-align: center;

}

.featureImg img {

    padding: 5px;

    border: 1px solid #ccc;

}

.featureContent {

    padding: 0 5px;

}



/* PRESS PAGE */



#pressTable {

    width: 100%;

    padding: 20px 0;

}



#pressTable h1 {

    font-size: small;

}

#pressTable h1 a {

    color: #6699cc;

}

#pressTable p {

    font-style: italic;

}



#pressTable .imgTd {

    text-align: center;

    padding: 10px;

    width: 300px;

    vertical-align: middle;

}



#pressTable td {

    vertical-align: top;

}



#pressTable img {

    border: 1px solid #ccc;

    padding: 2px;

}