body {
  background-color:#ffffff;
  color:#333333;
}
a {
  color:#64a63c;
  text-decoration:none;
}
img { display:block; }
.center-align {
  margin:0px auto;
  position:relative;
}

.gHidden { display: none !important}
.gNoBreak { white-space:nowrap; }

.page-areas {
  margin:0px auto;
  position:relative;
  width:942px;
  clear:both;
}


div#container hr {
  display:block;
  position:relative;
  padding:0;
  margin:30px auto;
  width:100%;
  clear:both;
  border:none;
  border-top:1px solid #cccccc;
  font-size:1px;
  line-height:0;
  overflow:visible;
}
/*div#container img {*/
#home-page-panel img {
  width:224px;
  margin-left:131px;
  margin-bottom:15px;
  display:block;
}

div#container div#home-page-panel p {
  margin-top:7px;
  width:429px;
  float:left;
}
div#container div#home-page-panel {
  margin:0px auto;
  position:relative;
  width:503px;
  margin-top:14px;
  margin-bottom:52px;
}
div#container div#top-panel img {
  float:left;
  margin-left:0px;
  margin-bottom:26px;
}
div#container div#top-panel form {
  width:413px;
  float:right;
}
div#container div#top-panel p {
  float:left;
  margin-bottom:6px;
  margin-top:6px;
  width:400px;
}
div#container div#top-panel {
  margin:0px auto;
  position:relative;
  width:942px;
  margin-top:0px;
}
div#container div#main-panel #content-panel {
  float:left;
  width:942px;
}
div#container div#main-panel #ad-panel h3 { color:#fd5b10; }
div#container div#main-panel #ad-panel a {
  color:#333333;
  text-decoration:underline;
}
div#container div#main-panel #ad-panel {
  float:left;
  width:140px;
  margin-left:22px;
}
div#container div#main-panel h1 span { font-weight:normal; }
div#container div#main-panel h1 {
  font-size:167%;
  float:left;
  margin:0;
  margin-right:12px;
}
div#container div#main-panel h2 {
  font-size:108%;
  margin-bottom:0px;
  padding:0.5em;
  clear:both;
  background:#315815;
  color:#ffffff;
}
div#container div#main-panel .nag-button {
  background:url('/images/nag-button.png');
  width:96px;
  height:26px;
  margin:0;
  float:left;
  cursor: pointer;
}
div#container div#main-panel .nag-button:hover { background-position:0 26px; }
div#container div#main-panel .no-bg {
  background:none;
  width:auto;
  height:auto;
  float:none;
}
div#container div#main-panel p#horse-details span { margin-right:24px; }
div#container div#main-panel p#horse-details { clear:left; }
div#container div#main-panel p { clear:left; }

div#container div#main-panel div.search-header {
  clear: both;
  padding: 5px 5px 5px 5px;
  margin-bottom:5px;
  width:100%;
  background-color:#315815;
  color:white;
  font:bold 14px arial;
}

div#container div#main-panel div#search-results-container {
  clear:both;
  padding-top:30px;
}
div#container div#main-panel div.search-results {
  float:left;
  width:234px;
}
div#container div#main-panel div.no-results { font-size:17px; }

div#container div#main-panel table, div#container div#main-panel td, div#container div#main-panel th { border:none; padding:5px; }
div#container div#main-panel table.bordered th, div#container div#main-panel table.bordered td {
  border:0;
  text-align:left;
}
div#container div#main-panel table.bordered td {
  vertical-align:top;
  vertical-align:top;
  border-top:1px solid #ececec;
}

div#container div#main-panel table.bordered td.closeup-comments {border-top: 0;color: #888;font-size: 11px;}

div#container div#main-panel table.bordered th.numerical-column, div#container div#main-panel table.bordered td.numerical-column { text-align:center; }
div#container div#main-panel table.bordered thead {
  background-color:#ececec;
  font-weight:normal;
  color:#333333;
}
div#container div#main-panel table.bordered {
  width:100%;
  clear:both;
  border-left:1px solid #ececec;
  border-right:1px solid #ececec;
  border-bottom:1px solid #ececec;
}
div#container div#main-panel form#login-form label { display:block; }
div#container div#main-panel form#login-form div {
  width:233px;
  float:left;
  margin-right:13px;
  margin-bottom:30px;
}
div#container div#main-panel form#login-form input {
  width:233px;
  font-size:123.1%;
}
div#container div#main-panel form#login-form select {
  width:233px;
  font-size:123.1%;
}
div#container div#main-panel form#login-form div#login-submit-container input {
  width:77px;
  height:30px;
  background:url("/images/login-button.png") 0 0;
}
div#container div#main-panel form#login-form div#reset-submit-container input {
  width:176px;
  height:30px;
  background:url("/images/reset-password-button.png") 0 0;
}
div#container div#main-panel form#login-form {
  clear:left;
  margin-top:78px;
}
div#container div#main-panel table.alerts-table thead {
  background-color:#315815;
  color:#ffffff;
}
div#container div#mydevicesBody table.alerts-table { }
div#container div#mydevicesBody table.devices-table thead {
  background-color:#315815;
  color:#ffffff;
}
div#container div#mydevicesBody table.devices-table { }
div#container div#mydevicesBody {
  margin:0px auto;
  position:relative;
  width:942px;
  clear:both;
  clear:both;
  margin-top:26px;
  padding-bottom:12px;
}
div#container div#mydevicesBody table.bordered {
  width:100%;
  clear:both;
  border-left:1px solid #ececec;
  border-right:1px solid #ececec;
  border-bottom:1px solid #ececec;
}
div#container div#mydevicesBody table.bordered td {
  color: #64A63C;
  cursor: pointer;
}
div#container div#mydevicesBody table.bordered td.inactive {
  color: #999999;
  cursor: pointer;
}
div#container div#mydevicesBody table.bordered th, div#container div#mydevicesBody table.bordered td {
  border:0;
  border-top: 1px solid #ECECEC;
  text-align:left;
}
div#container div#main-panel table.devices-table { }
div#container div#main-panel {
  margin:0px auto;
  position:relative;
  width:942px;
  clear:both;
  clear:both;
  margin-top:26px;
  padding-bottom:12px;
}
div#container div#card h1 {
  margin-bottom:30px;
  float:none;
}
div#container div#card h2 {
  background:#ffffff;
  color:#333333;
  padding:0;
}
div#container div#card table th {
  background:#315815;
  color:#ffffff;
}
div#container div#card p {
  margin-top:30px;
  margin-bottom:30px;
}
div#container div#content-panel h1 { margin-bottom:8px; }
div#container div#content-panel h1#horse-name { margin-bottom:30px; }
div#container div#content-panel table.dFormSummary tr.last { background-color: #ececec; }
div#container div#content-panel table.dFormSummary tr.notGreyed { background-color: #ffffff; }
div#container div#content-panel table.dFormSummary #formExpander .formControlOpen { color:#60A82A !important; cursor:pointer; font-weight: normal; }
div#container div#content-panel table.dFormSummary #formExpander .formControlClose { color:#60A82A !important; cursor:pointer; font-weight: normal; margin-left: 15px; }
div#container div#content-panel table.dFormSummary #formExpander IMG { display:inline; margin:0 0 0 5px; vertical-align:bottom; }

div#container div#content-panel #raceCardTable TH#fan-comments { width: 70px; }

div#container div#content-panel #raceCardTable { font-size: 12px; }
div#container div#content-panel #raceCardTable TH { line-height:1.5; padding:8px 5px; }
div#container div#content-panel #raceCardTable TH.whlogo { }
div#container div#content-panel #raceCardTable TH.whlogo IMG { margin:0 0 0 11px; }
div#container div#content-panel #raceCardTable TD.whodds { font-size: 14px; }

div#container a#nagMeLogo { display: inline-block; width: 224px; height: 76px; background: url('/images/nagme-logo.png'); }

#nagMeFooter {
  margin:0px auto;
  position:relative;
  width:942px;
  width:100%;
  clear:both;
  padding-top:32px;
  margin-bottom:32px;
  font-size:85%;
  text-align:center;
}

#navBar {
  float:left;
}

.ui-autocomplete { width:409px; }
.homepage .ui-autocomplete { width:501px; }

.ui-menu-item { list-style:none outside none; }
.ui-menu-item a { padding:2px; }
form#nag_form_entry input#email { width:240px; }
#nag-me-submit {
  background:url('/images/nag-button.png');
  width:96px;
  height:26px;
  margin:0;
  border:0;
  color:#ffffff;
}

#nag_form_entry #nag-me-submit {margin-bottom: -7px;}

#nag-me-submit:hover { background-position:0 26px; }
label.error, .error { color:#d82d33; font-weight: bold;}
#error-box { min-height:1.4em; }
form.myaccount {clear: both;padding-top: 20px;}
form.myaccount label {width: 160px;display: inline-block;}
form.myaccount ol, form.myaccount ol li {list-style-type: none;margin: 0;}
form.myaccount ol li {margin-bottom: 10px;}

/*
MyAccount Page
*/

#myaccountBody, .form-container
{
    font-size:13px;
    margin:34px auto 0;
    position:relative;
    width:620px;
}
#myaccountBody H1, .form-container h1
{
    font-size:26px;
    margin:10px 0;
    font-weight:bold;
    padding-bottom:10px;
}
#myaccountBody P { }
#myaccountBody TABLE, .form-container table { width: 100%; }
#myaccountBody TD, .form-container td
{
    border:medium none;
    padding-bottom:14px;
}

#myaccountBody .mobileLabel { color: #888888; padding-bottom:2px; }
#myaccountBody .mobileLabel INPUT { margin-bottom:0; }
#myaccountBody .confirmPassword { padding-bottom:2px; }
#myaccountBody .confirmPassword INPUT { margin-bottom:0; }
#myaccountBody .mobileMessage { color: #888888; padding-bottom:7px; }

#myaccountBody TD INPUT, .form-container input
{
    margin:3px 5px 0 0;
    width:240px;
    padding-left:6px;
}

#myaccountBody P.registrationHeader
{
    line-height:2.5;
    padding-bottom: 10px;
}
#myaccountBody P.checkOptions
{
    line-height:1.5;
    margin:10px 0;
}
#myaccountBody P.checkOptions INPUT
{
    margin:-2px 10px 0 0;
    vertical-align:middle;
}
#myaccountBody #btnSignUp
{
    margin:1px 0 0 12px;
    vertical-align:top;
    cursor: pointer;
}
#myaccountBody #btnCreateAccount, .form-container .button
{
    margin:12px 0 0;
}
#myaccountBody SPAN, .form-container span { color: #d4484b; }
#myaccountBody SPAN.note, .form-container span.note { color: #999999 !important; }

#myaccountBody #strTelephone { color: #909090; }


/*
Registration Page
*/

#registerBody, .form-container
{
    margin:34px auto 0;
    position:relative;
    width:620px;
}
#registerBody H1, .form-container h1
{
    font-size:26px;
    margin:10px 0;
}
#registerBody P { }
#registerBody TABLE, .form-container table { width: 100%; }
#registerBody TD, .form-container td
{
    border:medium none;
    padding:0;
}

#registerBody .mobileLabel { color: #888888; padding-bottom:2px; }
#registerBody .mobileLabel INPUT { margin-bottom:0; }
#registerBody .confirmPassword { padding-bottom:2px; }
#registerBody .confirmPassword INPUT { margin-bottom:0; }
#registerBody .mobileMessage { color: #888888; padding-bottom:7px; }

#registerBody TD INPUT, .form-container input
{
    margin:3px 5px 14px 0;
    width:240px;
    padding-left:6px;
}
.form-container input { margin-bottom: 0; }
.form-container td { padding-bottom: 14px; }
.form-container .note { color: #999; }
.checkbox-label { width: auto !important; }
input.checkbox { width: auto !important; margin:9px 0 0 !important; }
button.save-changes {
    background: url(../images/save-changes-button.png) no-repeat;
    text-indent: -9999px;
    width: 120px;
    height: 27px;
    border: none;
    margin: 0 !important;
}
div.manage-devices {
    background: url(../images/Phase1/managedevices.png) no-repeat;
    text-indent: -9999px;
    width: 142px;
    height: 27px;
    border: none;
    margin: 23px 0 0 0 !important;
}
button:hover { cursor: pointer; }
#registerBody P.registrationHeader
{
    line-height:2.5;
}
#registerBody P.checkOptions
{
    line-height:1.5;
}
#registerBody P.checkOptions INPUT
{
    margin:-2px 10px 0 0;
    vertical-align:middle;
}
#registerBody #btnSignUp
{
    margin:1px 0 0 12px;
    vertical-align:top;
    cursor: pointer;
}
#registerBody #btnCreateAccount, .form-container .button
{
    margin:12px 0 0;
}
#registerBody SPAN, .form-container span { color: #d4484b; }

.headerBorder
{
    clear: both; border-bottom:1px solid #CCCCCC;
}

#registerBody #strTelephone { color: #909090; }

#registrationBody #registrationError, .form-container .error { color: red; font-weight: bold; }

#registerDone P.registrationHeader
{
    line-height:1.5;
}


#registerDoneBody
{
    margin:34px auto 0;
    position:relative;
    width:620px;
}

#registerConfirmBody
{
    margin:34px auto 0;
    position:relative;
    width:620px;
}


#status { font-weight: bold; }
.success { color: #64A63C !important; }

/*
Forgot Password Page
---------------------------------------------------------------------------
*/

#forgotPasswordBody
{
    margin:34px auto 0;
    position:relative;
    width:620px;
}
#forgotPasswordBody H1
{
    font-size:26px;
    margin:10px 0;
}
#forgotPasswordBody P { }
#forgotPasswordBody TABLE { width: 100%; }
#forgotPasswordBody TD
{
    border:medium none;
    padding:0;
}
#forgotPasswordBody TD INPUT
{
    margin:3px 5px 14px 0;
    width:240px;
    padding-left:6px;
}
#forgotPasswordBody P.registrationHeader
{
    line-height:1.5;
}
#forgotPasswordBody P.checkOptions
{
    line-height:1.5;
}
#forgotPasswordBody P.checkOptions INPUT
{
    margin:-2px 10px 0 0;
    vertical-align:middle;
}
#forgotPasswordBody #btnSignUp
{
    margin:1px 0 0 12px;
    vertical-align:top;
}
#forgotPasswordBody #btnCreateAccount
{
    margin:12px 0 0;
}
#forgotPasswordBody SPAN { color: #d4484b; }

.headerBorder
{
    clear: both; border-bottom:1px solid #CCCCCC;
}

#forgotPasswordBody #strTelephone { color: #909090; }

#registrationBody #forgotPasswordError { color: red; font-weight: bold; }


#registerDone P.registrationHeader
{
    line-height:1.5;
}

#forgotPasswordDoneBody
{
    margin:34px auto 0;
    position:relative;
    width:620px;
}


/*
Reset Password Page
---------------------------------------------------------------------------
*/

#resetPasswordBody
{
    margin:34px auto 0;
    position:relative;
    width:620px;
}
#resetPasswordBody H1
{
    font-size:26px;
    margin:10px 0;
}
#resetPasswordBody P { }
#resetPasswordBody TABLE { width: 100%; }
#resetPasswordBody TD
{
    border:medium none;
    padding:0;
}
#resetPasswordBody TD INPUT
{
    margin:3px 5px 14px 0;
    width:240px;
    padding-left:6px;
}
#resetPasswordBody P.registrationHeader
{
    line-height:2.5;
}
#resetPasswordBody P.checkOptions
{
    line-height:1.5;
}
#resetPasswordBody P.checkOptions INPUT
{
    margin:-2px 10px 0 0;
    vertical-align:middle;
}
#resetPasswordBody #btnSignUp
{
    margin:1px 0 0 12px;
    vertical-align:top;
}
#resetPasswordBody #btnCreateAccount
{
    margin:12px 0 0;
}
#resetPasswordBody SPAN { color: #d4484b; }

.headerBorder
{
    clear: both; border-bottom:1px solid #CCCCCC;
}

#resetPasswordBody #strTelephone { color: #909090; }

#registrationBody #resetPasswordError { color: red; font-weight: bold; }


#registerDone P.registrationHeader
{
    line-height:1.5;
}

#resetPasswordDoneBody
{
    margin:34px auto 0;
    position:relative;
    width:620px;
}


.closeAlertCross { border: 0; background: transparent url(/images/Phase1/GreenX.gif) no-repeat scroll 0 0; width: 14px; height: 15px; display: inline-block; }

/* --------------------------------------------------------------------------------------------- */

#homepageCards { width:934px; min-height: 200px; background-color: #ffffff;}
#homepageCards #homepageTitle { display: none; }

#homepageCards #cardsTitle { background-color: #315815; color: #ffffff; width:100%; padding:4px 4px 3px; font-size:14px; font-weight:bold; }
#homepageCards #cardsInstructions { float: right; text-align: right; padding:0 5px 0 0; }
#homepageCards #cardsInstructions div { float: right; margin: 3px 0 0 0; font-size:11px; font-weight:normal; }
#homepageCards #cardsInstructions img { float: right; margin-left:8px; }
#homepageCards #latestResultsTable { width: 942px; font-size: 11px; margin-bottom:0; }

#homepageCards #latestResultsTable td, #homepageCards #latestResultsTable th { border:none; margin: 0; padding: 0; }
#homepageCards #latestResultsTable th { font-weight:bold; background-color: #e9e9e9; text-align: left; color: #323232; padding: 3px 4px; }
#homepageCards #latestResultsTable td { padding: 0px 4px; }

#homepageCards #latestResultsTable td.race { width: 195px; vertical-align:top; }
#homepageCards #latestResultsTable td.position { width: 70px; padding:0 4px 0 0; }
#homepageCards #latestResultsTable td.beaten { width: 67px; font-size:13px; }
#homepageCards #latestResultsTable td.horse {font-size:13px; font-weight:bold; width:150px; }
#homepageCards #latestResultsTable td.nag { width: 84px; white-space:nowrap; }
#homepageCards #latestResultsTable td.comments { width: 50px; white-space:nowrap; }
#homepageCards #latestResultsTable td.wgt { padding-right:8px; white-space:nowrap; font-size:11px; }
#homepageCards #latestResultsTable td.jockey { width: 107px; }
#homepageCards #latestResultsTable td.trainer { width: 126px; white-space:nowrap; }
#homepageCards #latestResultsTable td.age { width: 37px; font-size: 12px; }
#homepageCards #latestResultsTable td.sp { width: 51px; font-size: 12px; }

#homepageCards #latestResultsTable td.position div { float: left; width: 27px; height: 23px; padding-top: 4px; text-align: center; margin: 2px 1px 1px 1px; background-color: #666666; font-size: 13px; color: white; font-weight: bold; }
#homepageCards #latestResultsTable td.race ul { margin: 0; }
#homepageCards #latestResultsTable td.race ul li { margin:1px 0 0; list-style:none outside none;  }
#homepageCards #latestResultsTable td.race ul li.raceTitle { font-size:14px; font-weight:bold; }
#homepageCards #latestResultsTable td.race ul li.resultsLink { font-size:12px; font-weight:bold; }

#homepageCards #latestResultsTable tr.oddRow { background-color: #f0f0f0; }
#homepageCards #latestResultsTable tr.firstRow td { padding-top: 10px; }
#homepageCards #latestResultsTable tr.endRow td { border-bottom: 1px dotted #315817; padding-bottom: 10px; }

#homepageCards #latestResultsTable a.nag-button { background:transparent url(/images/Phase1/NagMeButton.png) no-repeat scroll 0 0; display:block; height:20px; width:74px; cursor: pointer; float: left; margin-right: 10px;}
#homepageCards #latestResultsTable a.nag-button:hover { background-position:0 -20px; }

/* --------------------------------------------------------------------------------------------- */

#homepageCards #resultsSummaryTable { width: 942px; font-size: 11px; margin-bottom:0; }
#homepageCards #resultsSummaryTable td, #homepageCards #resultsSummaryTable th { border:none; margin: 0; padding: 0; font-size:13px; }
#homepageCards #resultsSummaryTable th { background-color: #e9e9e9; text-align: left; color: #333333; padding: 5px 5px; font-weight: normal; width:50%; }
#homepageCards #resultsSummaryTable td { padding: 3px 5px; }
#homepageCards #resultsSummaryTable td A { padding: 0px 3px; }
#homepageCards #resultsSummaryTable td.raceTimesCell { width:85%; }
#homepageCards #resultsSummaryTable td.raceTimesCell a.racecard { color: #FF6600; }
#homepageCards #resultsSummaryTable tr.evenRow { background-color: #f0f0f0; }
#homepageCards #resultsSummaryTable tr.endRow td { border-top: 1px dotted #315817; padding-bottom: 10px; }

/* --------------------------------------------------------------------------------------------- */

#pageHeader { }
#pageHeader #loginControl { float: right; color: #999999; font-size:12px; }
#pageHeader #signInLabel { padding:3px 0 0 0; float: right; }
#pageHeader #signInLabel a { margin:0 0 0 18px; }
#pageHeader #loginControl #signIn { float: right; display:inline; margin-left:6px; padding:3px 5px 4px 10px; vertical-align:middle; cursor: pointer; background-color:#ffffff; color:#63a738; }
#pageHeader #loginControl #signIn.on { background-color:#315815; color:#FFFFFF; }
#pageHeader #loginControl #signOut { float: right; display:inline; margin-left:6px; padding:3px 5px 4px 10px; vertical-align:middle; cursor: pointer; background-color:#ffffff; color:#63a738; }
#pageHeader #loginControl #signIn IMG { display:inline; vertical-align:top; }

#signInBoxOuter { left:676px; position:absolute; top:2px; z-index:3; background: transparent url(/images/Phase1/loginBoxOutline2.png) no-repeat top left; display: none; width:295px; height:252px; }
#signInBoxInner { height:177px; margin:3px 0 0 13px; padding:13px; width:243px; }
#signInBoxInner #signInBoxHeader { clear:both; color:#FFFFFF; display:block; height:32px; padding-right:14px; text-align:right; cursor:pointer; }

#signInBoxInner label.loginTextbox { display:block; float:left; margin: 0 0 5px; }
#signInBoxInner span#loginError { display:block; float:left; color: #cc0000; margin: 0 0 5px 52px; }
#signInBoxInner input.loginTextbox { margin-bottom:13px; width:237px; }
#signInBoxInner input.loginButton { float:left; margin:0 14px 0 0; }
#signInBoxInner label.loginCheckbox { float:left; margin:8px 0 0 5px; vertical-align:top; }
#signInBoxInner input.loginCheckBox { float:left; margin-top:8px; vertical-align:top; }
#signInBoxInner a.forgotPassword { clear:both; display:block; margin:36px 0 0; }
#signInBoxInner #loginRegister { margin-top:4px; }
#signInBoxInner #loginRegister A { margin-left:5px; }

#nagModalLoggedOut label.loginTextbox { display:block; float:left; margin: 0 0 5px; }
#nagModalLoggedOut span#nagLoginError { display:block; float:left; color: #cc0000; margin: 0 0 5px 52px; }
#nagModalLoggedOut input.loginTextbox { margin-bottom:13px; width:342px; }
#nagModalLoggedOut input.loginButton { float:left; margin:0 14px 0 0; }
#nagModalLoggedOut label.loginCheckbox { float:left; margin:6px 0 0 5px; vertical-align:top; }
#nagModalLoggedOut input.loginCheckBox { float:left; margin-top:8px; vertical-align:top; }
#nagModalLoggedOut a { clear:both; display:block; margin:36px 0 0; }

#pageLinks { margin-top: 10px; margin-bottom: 10px; }

.clear { clear: both; }
.hoverHighlight { text-decoration: underline; }

#modalOverlay { width: 100%; height: 100%; z-index: 2; background-color: black; position: absolute; opacity: 0.3 }
.modalOff { display: none; }

#centerModal .noteModalTitle { text-align: left; background-color: #315815; color: #ffffff; padding:5px 0 7px 9px; font-size: 13px; font-weight:bold; }
#centerModal .modalCloseButton { float: right; padding:1px 4px 0 0; cursor: pointer; width: 18px; height: 18px; background: transparent url(/images/Phase1/ModalCloseButton.png) no-repeat scroll 0 0; display: inline-block; }

#centerModal #noteModalContent { width: 384px; height: 281px; }
#centerModal #noteModalTimestamp { border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; color: #666666; padding:6px 7px; }

#centerModal .noteModalMain { border:1px solid #ECECEC; color:#666666; height:167px; margin:9px 7px; width:368px; }
#centerModal .noteModalMain TEXTAREA { border:0 none; height:147px; padding:10px 20px; width:328px; }

#centerModal .nagModalTitle { text-align: left; background-color: #315815; color: #ffffff; padding:4px 1px 8px 6px; font-size: 13px; font-weight:bold; }
#centerModal .nagModalTitle DIV { display:inline; margin-left:6px; position:relative; top:2px; }
#centerModal .nagModalTitle DIV.SmallNagMeLogo { float:left; display: inline-block; background: transparent url(/images/Phase1/NagMeLogoGreen.png) no-repeat scroll 0 0; width:24px; height:21px; margin:-2px 0 0; }
#centerModal #nagModalHorse { font-size:22px; font-weight:bold; padding:18px 21px; }
#centerModal #nagModalNoteTitle { font-size:13px; padding:0px 21px; }

#centerModal .nagLoginForm { font-size:13px; padding:0px 21px; margin: 5px 0 10px 0; }

#centerModal .nagModalMain { border:1px solid #ECECEC; color:#666666; height:167px; margin:14px 21px; width:341px; }
#centerModal .nagModalMain TEXTAREA { border:0 none; height:151px; padding:8px 6px; width:328px; }
/* #centerModal #nagModalContent { padding-bottom: 15px; } */
#centerModal .noteSaveButton { width: 72px; margin: 0 auto; }
#centerModal .nagSaveButton { width: 96px; margin: 0 0 0 21px; }

#centerModal .nagSaveButton .nag-button { background:url('/images/nag-button.png'); width:96px; height:26px; margin:0; float:left; cursor: pointer; }
#centerModal .nagSaveButton .nag-button:hover { background-position:0 26px; }

#nagModalLoggedIn { width:384px; }
#nagModalLoggedOut { width:384px; }

#btnLoginRegister { margin-left:10px; }
#nagLoginRegister { margin-top:15px; }
#nagLoginRegister div { float:left; margin-top:6px; }

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#FFFFFF; }

#content-panel div.aboutPage { clear: both; }

div#container div#content-panel TABLE.formEntriesTable { font-size:12px; }
#content-panel .formEntriesTable TH { vertical-align: top; font-size:13px; }
#content-panel .formEntriesTable TR.details_row TD { padding:1px 5px 4px !important; }
#content-panel .formEntriesTable TR.comments_row TD { padding:1px 5px 4px !important; }

#content-panel .formEntriesTable TD.nag a.small-nag-button { cursor: pointer; background:transparent url(/images/Phase1/NagMeButton.png) no-repeat scroll 0 0; display:block; height:20px; width:74px; }
#content-panel .formEntriesTable TD.nag a.small-nag-button:hover { background-position:0 -20px; }
#content-panel .formEntriesTable TH.place { padding: 5px 0 !important; }
#content-panel .formEntriesTable TH.draw { padding: 5px 0 !important; }

#content-panel .formEntriesTable TD.place { padding: 2px 0px 2px 2px !important; }
#content-panel .formEntriesTable TD.place DIV { float: left; width: 38px; height: 30px; padding-top: 8px; text-align: center; margin: 2px 1px 1px 1px; background-color: #666666; font-size: 17px; color: white; font-weight: bold; }
#content-panel .formEntriesTable TD.place DIV SUP { font-size: 9px; }

#content-panel .formEntriesTable TD.draw { padding: 2px 2px 2px 0px !important; }
#content-panel .formEntriesTable TD.draw DIV { float: left; width: 38px; height: 30px; padding-top: 8px; text-align: center; margin: 2px 1px 1px 1px; background-color: #666666; font-size: 17px; color: white; font-weight: bold; }
#content-panel .formEntriesTable TD.draw DIV SUP { font-size: 9px; }

#content-panel .formEntriesTable TD.comments_space { border-top: none !important; }
#content-panel .formEntriesTable TD.comments { font-size: 12px; color: #999999; border-top: none !important; }


#content-panel .formEntriesTable TD.date {  }
#content-panel .formEntriesTable TD.course {  }
#content-panel .formEntriesTable TD.going {  }
#content-panel .formEntriesTable TD.distance {  }
#content-panel .formEntriesTable TD.class {  }
#content-panel .formEntriesTable TD.winner {  }
#content-panel .formEntriesTable TD.weight {  }
#content-panel .formEntriesTable TD.position {  }
#content-panel .formEntriesTable TD.jockey {  }
#content-panel .formEntriesTable TD.sp {  }


.EditAlertPage #alertDetails td, #alertDetails th { padding:5px 2px 5px 7px; }

.EditAlertPage #alertDetails th, #noteDetails th { font-size:13px; }

.EditAlertPage #alertDetails, #noteDetails { font-size:12px; }
.EditAlertPage #alertDetails td { }
.EditAlertPage #alertDetails td input { margin:-1px 9px 0 0; vertical-align:middle; }

.EditAlertPage #noteDetails td.addNoteLink { }
.EditAlertPage #noteDetails td.noteEntry {  }
.EditAlertPage #noteDetails td.noteEntry table { padding:0; margin: 0; width:100%; }
.EditAlertPage #noteDetails td.noteEntry table td { border: none !important; }
.EditAlertPage #noteDetails td.noteEntry td.noteHeader { margin: 0 0 20px 0; padding:0 0 18px !important; }
.EditAlertPage #noteDetails td.noteEntry td.noteHeader span { color: #666666; margin-left: 4px; }
.EditAlertPage #noteDetails td.noteEntry td.noteText { float:left; line-height:1.6; width:561px; padding:0 !important; }
.EditAlertPage #noteDetails td.noteEntry td.noteControls { vertical-align: bottom !important; text-align: right !important; padding: 0 !important; }

.EditAlertPage #btnSave { margin-bottom:20px; }

.EditAlertPage .greyedOut { color: #999999 !important; }


#alertDetails { margin:4px 0 10px; }
#alertDetails span { font-size:20px; font-weight:bold; }
#alertDetails div { float:right; padding-top:8px; }
#alertDetails div a { }

#container div#warningMessage { padding-bottom: 10px; font-size: 16px; font-weight: bold; }


#mydevicesBody { }
#mydevicesBody UL { margin-left: 0; }
#mydevicesBody UL LI { list-style: none outside none; }

#registrationSignup { display: none; margin-bottom: 10px; }
#registrationSignup IMG { margin-top: 10px; }
#registerBody P.registrationHeader
{
	margin-bottom: 20px;
}

/* --------------------------------------------------------------------------------------------- */

/*

#999999  -
#63a738  - green text
#315815  - solid green

*/
/* NEWS, ARTICLE AND GALLOPS */
#logo {
	width: 197px;
	height: 69px;
	background: url(/images/sun-nagme-logo.png);
	float: left;
	margin-bottom: 33px;
    margin-top: 1px;
}
#RaceCallerGallops .report {
	float: left;
}
#RaceCallerGallops .report-item {
	padding-left: 11px;
	padding-top: 31px;
	margin-bottom: 28px;
}
#RaceCallerGallops .red-bar, #RaceCallerNews .red-bar, #RaceCallerArticle .red-bar {
	background: url(/images/red-gradient-bg.png) repeat-x;
	height: 26px;
	width: 100%;
	display: block;
	float: left;
	color: #fff;
	font-size: 14px;
	padding-left: 9px;
	padding-top: 7px;
}
#RaceCallerNews .red-bar .headlines, #RaceCallerArticle .red-bar .headlines {
	float: right;
    margin-right: 236px;
}
#RaceCallerGallops .grey-bar {
	background-color: #666666;
    color: #EFEFEF;
    display: block;
    float: left;
    font-size: 12px;
    height: 24px;
    margin-top: -2px;
    padding-left: 9px;
    padding-right: 21px;
    padding-top: 10px;
    width: 842px;
}
#RaceCallerGallops .grey-bar .cal {
	float: right;
	margin-top: -7px;
}
#RaceCallerGallops .grey-bar .cal .label {
	float: left;
	margin-top: 8px;
	margin-right: 9px;
}
#RaceCallerGallops p {
	color: #555555;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 18px;
    margin-top: 18px;
}
#RaceCallerGallops em {
	color: #c10e02;
	text-transform: uppercase;
	font-style: normal;
}
#search-bar .searchBtn {
	background: url(/images/btn-search.gif);
	width: 72px;
	height: 27px;
	border: none;
	margin-left: 8px;
}
#RaceCallerNews #leftColumn, #RaceCallerArticle #leftColumn {
	width: 544px;
	float: left;
}
#RaceCallerNews #rightColumn, #RaceCallerArticle #rightColumn {
	font-size: 13px;
    padding-left: 40px;
    width: 283px;
	float: left;
}
#RaceCallerNews #rightColumn .date, #RaceCallerArticle #rightColumn .date {
	margin-top: 35px;
	margin-bottom: 3px;
	color: #444444;
}
#RaceCallerNews #rightColumn .date.first, #RaceCallerArticle #rightColumn .date.first {
	margin-top: 12px;
}
#RaceCallerNews #rightColumn a, #RaceCallerArticle #rightColumn a {
	line-height: 23px;
	color: #cc0000;
	font-size: 14px;
}
#RaceCallerNews #leftColumn .newsItem {
	margin-top: 11px;
	padding-left: 11px;
}
#RaceCallerNews #leftColumn .newsItem .thumb {
	float: left;
}
#RaceCallerNews #leftColumn .newsItem .summary {
    width: 456px;
	float: left;
	font-size: 14px;
	color: #555;
}
#RaceCallerNews #leftColumn .newsItem .summary h2 {
	font-size: 18px;
	color: #cc0000;
	font-weight: normal;
    margin-bottom: -8px;
    margin-top: 0;
}
#RaceCallerNews #leftColumn .newsItem .summary a {
	color: #cc0000;
	font-size: 14px;
}
#RaceCallerNews #leftColumn .separator, #RaceCallerArticle #leftColumn .separator {
width: 544px;
height: 2px;
background-color: #ccc;
float: left;
margin-bottom: 11px;
margin-top: 9px;
}
#RaceCallerArticle #leftColumn .newsImage {
	float: right;
	display: inline;
	margin-top: 14px;
	margin-bottom: 14px;
	margin-left: 14px;
}
#RaceCallerArticle #leftColumn p {
	line-height: 18px;
    margin-bottom: 19px;
    margin-left: 11px;
    font-size: 13px;
}
#RaceCallerArticle #leftColumn p.excerpt {
	font-size: 18px;
    line-height: 24px;
    margin-bottom: 17px;
    margin-left: 11px;
    margin-top: 16px;
}

#top-links .separator {
	margin-left: 12px;
	margin-right: 12px;
}
#top-links #registerLink {
	margin-left: 9px;
}
#top-links a {
	color: #C10E02;
}
#top-links .greyText {
	color: #888888;
}
/* SIGN IN LINK
(REMOVED SWD 29/11/12 - think this is supposed to be Sun-specific not redeclare existing classes...)

#loginControl { float: right; color: #999999; font-size:12px; text-decoration:none !important; background: transparent url(/images/sun/grey-edge-full-right-bg.png) no-repeat top left; padding-left:10px; padding-right:2px; }
#signInLabel { color:#CCCCCC; float:right; padding:6px 0 0; text-decoration:none !important; }
#signInLabel a { margin:0 0 0 18px; color:#FFFFFF; font-weight:bold; }
#loginControl #signIn { color:#C10E02; cursor:pointer; display:inline; float:right; vertical-align:middle; text-decoration:none !important; }
#loginControl #signIn.on { background-color:#cc0000; color:#C10E02; }
#loginControl #signOut { float: right; display:inline; margin:3px 12px 0 6px; padding:3px 5px 4px 10px; vertical-align:middle; cursor: pointer; color:#C10E02; font-weight: bold; }
#loginControl #signIn IMG { display:inline; vertical-align:top; }

#signInBoxOuter { left: 79px; position:absolute; top:-10px; z-index:3001; background: transparent url(/images/loginBoxOutlineRed.png) no-repeat top left; display: none; width:295px; height:252px; }
#signInBoxInner { height:177px; margin:3px 0 0 13px; padding:13px; width:243px; }
#signInBoxInner #signInBoxHeader { clear:both; color:#FFFFFF; display:block; height:32px; padding-right:14px; text-align:right; cursor:pointer; font-weight: bold; }

#signInBoxInner label.loginTextbox { display:block; float:left; margin: 0 0 5px; }
#signInBoxInner span#loginError { display:block; float:left; color: #cc0000; margin: 0 0 5px 52px; }
#signInBoxInner input.loginTextbox { margin-bottom:13px; width:237px; }
#signInBoxInner input.loginButton { float:left; margin:0 14px 0 0; }
#signInBoxInner label.loginCheckbox { float:left; margin:8px 0 0 5px; vertical-align:top; }
#signInBoxInner input.loginCheckBox { float:left; margin-top:8px; vertical-align:top; }
#signInBoxInner a.forgotPassword { clear:both; display:block; margin:36px 0 0; }
#signInBoxInner #loginRegister { margin-top:4px; }
#signInBoxInner #loginRegister A { margin-left:5px; }

#nagModalLoggedOut label.loginTextbox { display:block; float:left; margin: 0 0 5px; }
#nagModalLoggedOut span#nagLoginError { display:block; float:left; color: #cc0000; margin: 0 0 5px 52px; }
#nagModalLoggedOut input.loginTextbox { margin-bottom:13px; width:342px; }
#nagModalLoggedOut input.loginButton { float:left; margin:0 14px 0 0; }
#nagModalLoggedOut label.loginCheckbox { float:left; margin:6px 0 0 5px; vertical-align:top; }
#nagModalLoggedOut input.loginCheckBox { float:left; margin-top:8px; vertical-align:top; }
#nagModalLoggedOut a { clear:both; display:block; margin:36px 0 0; }

div#nagModalLoggedIn div.clear { height:auto !important; }

.clear { clear: both; }
.hoverHighlight { text-decoration: underline; }

#modalOverlay { width: 100%; height: 100%; z-index: 3000; background-color: black; position: absolute; opacity: 0.3 }
.modalOff { display: none; }

#centerModal .noteModalTitle { text-align: left; background-color: #cc0000; color: #ffffff; padding:5px 0 7px 9px; font-size: 13px; font-weight:bold; }
#centerModal .modalCloseButton { float: right; padding:1px 4px 0 0; cursor: pointer; width: 18px; height: 18px; background: transparent url(/images/sun/ModalCloseButton.png) no-repeat scroll 0 0; display: inline-block; }
#centerModal #noteModalContent { width: 384px; height: 281px; }
#centerModal #noteModalTimestamp { border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; color: #666666; padding:6px 7px; font-size:13px; }

#centerModal .noteModalMain { border:1px solid #ECECEC; color:#666666; height:167px; margin:9px 7px; width:368px; }
#centerModal .noteModalMain TEXTAREA { border:0 none; height:147px; padding:10px 20px; width:328px; font-size:13px !important; }

#centerModal .nagModalTitle { text-align: left; background-color: #cc0000; color: #ffffff; padding:4px 1px 8px 6px; font-size: 13px; font-weight:bold; }
#centerModal .nagModalTitle DIV { display:inline; margin-left:6px; position:relative; top:2px; }
#centerModal .nagModalTitle DIV.SmallNagMeLogo { float:left; display: inline-block; background: transparent url(/images/sun/NagMeLogoRed.png) no-repeat scroll 0 0; width:24px; height:21px; margin:-2px 0 0;}
#centerModal #nagModalHorse { font-size:22px; font-weight:bold; padding:13px 21px; }
#centerModal #nagModalNoteTitle { font-size:13px; padding:0px 21px; }

#centerModal .nagLoginForm { font-size:13px; padding:0px 21px; margin: 5px 0 10px 0; }
#centerModal .nagLoginForm a { color: #cc0000; text-decoration: none;  }
#centerModal .nagLoginForm a:hover { text-decoration: none !important;  }

#centerModal .nagModalMain { border:1px solid #ECECEC; color:#666666; height:167px; margin:14px 21px; width:341px; }
#centerModal .nagModalMain TEXTAREA { border:0 none; height:151px; padding:8px 6px; width:328px; }
#centerModal .noteSaveButton { width: 72px; margin: 0 auto; }
#centerModal .nagSaveButton { width: 96px; margin: 0 0 0 21px; }

#centerModal .nagSaveButton .nag-button { position:relative; right:auto; float:none; bottom:auto; background:url('/images/sun/nagme_button_red.png'); width:96px; height:26px; margin:0; float:left; cursor: pointer; }
#centerModal .nagSaveButton .nag-button:hover { background-position:0 26px; }

#nagModalLoggedIn { width:384px; }
#nagModalLoggedOut { width:384px; color: #333333; }

#btnLoginRegister { margin-left:10px; }
#nagLoginRegister { margin-top:15px; }
#nagLoginRegister div { float:left; margin-top:6px; }
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#FFFFFF; }

*/
.delete-account {
  float: right;
  margin: 10px 10px 0 0;
  color: red;
  font-weight: bold;
}