/*referal.css - styling for referal page */

/*
#referalHead {height: 440px;}

.entryform { background: url(/Images/Layout/referafriend/ReferBox.jpg) no-repeat; width: 310px; height: 258px;  }

.entryform p.intro { padding-top: 15px; width: 190px; height: 80px; padding-left: 5px; font-size: 120%; }
.entryform form { padding-top: 5px; padding-left: 5px; }

#steps { margin:0px; float:left;  padding: 0px 0px 0px 0px; font-family: Impact, Verdana, Arial;  list-style: none; }
#steps li { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-indent: -1000px;   }

#steps .step1 { padding: 5px 0px 0px 0px; margin: 0px 0px 0px 0px; display:list-item;  background: url(/Images/Layout/referafriend/step1.jpg) no-repeat right; width: 366px; height: 74px; }
#steps .step2 { padding: 5px 0px 0px 0px; margin: 0px 0px 0px 0px; display:list-item;  background: url(/Images/Layout/referafriend/step2.jpg) no-repeat right; width: 334px; height: 72px; }
#steps .step3 { padding: 5px 0px 0px 0px; margin: 0px 0px 0px 0px; display:list-item;  background: url(/Images/Layout/referafriend/step3.jpg) no-repeat right; width: 334px; height: 72px; }
#steps .step4 { padding: 5px 0px 0px 0px; margin: 0px 0px 0px 0px; display:list-item;  background: url(/Images/Layout/referafriend/step4.jpg) no-repeat right; width: 365px; height: 74px; }

*/

/*
.referalContent {border: 1px solid #ccc; height: 345px;}
#DetailCapture div {margin: 0.5em 0 1em 0;}
#DetailCapture div p {font-family: arial; font-weight: bold; text-transform: uppercase; padding: 0; margin: 0; text-align: center; font-size: 1.75em;}
#DetailCapture div p span {color: #d00;}
#DetailCapture form {padding: 0; margin: 0;}
#DetailCapture form p {margin: 0.25em;}
#DetailCapture form p label {display: block; width: 7em; float: left; text-align: right; padding-right: 0.5em;}
#DetailCapture form p input {width: 15em; }
#DetailCapture form p select {width: 15.35em;}
#DetailCapture .formFooter {position: relative; top: 10px;*top: 0px; text-align: right;}
#DetailCapture .formFooter input {width: 10em; margin-right: 1em;}

#DetailCapture h2 {border-top: 1px solid #ccc; display: block; clear: both;}

#ReferalInfo h2, #DetailCapture h2 { background: #333 url(/Images/Layout/mainBackground.png) 0px 0px repeat-x; width: 100%; height: 2em; margin-bottom: 1em;}

#ReferalInfo h2, #ReferalInfo p {border-bottom: 1px solid #ccc; padding: 0; margin: 0;}
#ReferalInfo p {font-family: arial; font-weight: bold;font-size: 4em; text-align: right; padding-right: 0.25em;}
#ReferalInfo div {height: 175px; overflow: scroll;}
#ReferalInfo table {font-size: 0.8em;*font-size:0.7em; width: 330px; }
#ReferalInfo table tr td {padding: 0.25em; margin: 0; border: 0; font-weight: bold;}
#ReferalInfo div table tr td {font-weight: normal;}
#ReferalInfo .dateColumn {width: 75px; text-align: center;}
#ReferalInfo .registerColumn, #ReferalInfo .orderedColumn{width: 60px; text-align: center;}
#ReferalInfo .noReferrals {font-size: 1em; font-weight: normal; font-family: verdana; border: none;}
*/


#DetailCapture div, #ReferalInfo div {height: 21em;}
#DetailCapture div div {margin-top: 1.5em;}
#DetailCapture .listHead, #ReferalInfo .listHead {height: 10em;}
#DetailCapture form p {margin: 0.5em;}
#DetailCapture form p label {display: block; width: 7em; float: left; text-align: right; padding-right: 0.5em;}
#DetailCapture form p input {width: 15em; }
#DetailCapture form p select {width: 15.35em;}
#DetailCapture .formFooter {position: relative; top: 10px;*top: 0px; text-align: right;}
#DetailCapture .formFooter input {width: 10em; margin-right: 1em;}
#DetailCapture .listHead p {font-family: arial; font-weight: bold;  padding: 0.2em; margin: 0; text-align: center; font-size: 1.3em;}
#DetailCapture .listHead p span {color: #d00;}
#ReferalInfo .listHead p {font-family: arial; font-weight: bold;font-size: 4em; text-align: right; padding-right: 0.25em;}
#ReferalInfo  div div {height: 16em; overflow: scroll;}
#ReferalInfo table {font-size: 0.8em;*font-size:0.7em; width: 330px; }
#ReferalInfo table tr td {padding: 0.25em; margin: 0; border: 0; font-weight: bold;}
#ReferalInfo div table tr td {font-weight: normal;}
#ReferalInfo .dateColumn {width: 75px; text-align: center;}
#ReferalInfo .registerColumn, #ReferalInfo .orderedColumn{width: 60px; text-align: center;}
#ReferalInfo .noReferrals {font-size: 1em; font-weight: normal; font-family: verdana; border: none;}

#SpecialInfo {width: 715px; border: 1px solid #c7c7c7; padding: 5px; background: #fffdd6;}
#SpecialInfo p span {color: #c53531; font-weight: bold;}