@charset "UTF-8";
/* Business Referral Tracker Default Stylesheet */
/* Created by Torsion Creative */

/*---- Globals ----*/
body { background-color: #fff; margin: 0px; padding: 0px; font-family: Helvetica, sans-serif; font-size: 11px; color: #333; }
h1 { font-family: Helvetica, sans-serif; font-size: 24px; font-weight: normal; color: #333; padding: 0px; margin: 0px;}
h3 { font-family: Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #A70000; padding: 0; margin: 0;}
h2, h4, h5, h6, h7, h8 { font-family: Helvetica, sans-serif; font-size: 19px; font-weight: normal; color: #A70000; padding: 0px; margin: 0px; }

a { color: #333; text-decoration: underline; }

/*---- Form Styling ----*/
form { padding: 0px; margin: 0px; font-family: Helvetica, sans-serif; font-size: 11px; color: #666; }
select { border: 1px solid #999; padding: 2px; font-size: 10px; color: #A70000; font-family: Helvetica, sans-serif;  }
.textinput { padding: 2px; margin: 2px 0px 7px 0px; border: 1px solid #999; font-family: Helvetica, sans-serif; font-size: 10px; color: #A70000; width: 180px; }
.textinput-small { padding: 2px; margin: 2px 0px 7px 0px; border: 1px solid #999; font-family: Helvetica, sans-serif; font-size: 10px; color: #A70000; width: 100px; }
.textarea { padding: 2px; margin: 2px 0px 7px 0px; border: 1px solid #999; font-family: Helvetica, sans-serif; font-size: 10px; color: #A70000; width: 180px;}
.formlabel { margin-left: 3px; }
.referralsearch{ padding: 2px; margin: 2px 0px 7px 0px; border: 1px solid #999; font-family: Helvetica, sans-serif; font-size: 10px; color: #A70000; width: 180px; }


/*---- Global Buttons ----*/
.greylinkbutton { padding: 2px; font-size: 11px; color: #666; background-color: #e5e5e5; text-decoration: none; }
.greylinkbutton:hover { padding: 2px; font-size: 11px; color: #fff; background-color: #333; text-decoration: none; }
.redlinkbutton { padding: 2px 4px 2px 4px; font-size: 11px; color: #fff; background-color: #a10000; text-decoration: none; }
.redlinkbutton:hover { padding: 2px 4px 2px 4px; font-size: 11px; color: #fff; background-color: #333; text-decoration: none; }

/*---- Top Navigation ----*/
#topnav { background-image: url(../images/bg_topnav-blackred.jpg); background-repeat: repeat-x; height: 55px; }
#sitenav { float: left; height: 43px;}
#sitenav ul { list-style-type: none; padding: 0px; margin: 0px; color: #999; font-size: 13px; font-family: Helvetica, Arial, sans-serif; }
#sitenav li	{ float: left; padding: 0px; margin: 0px; width: 70px; text-align: center;}
#sitenav a { display: block; color: #999; text-decoration: none; border-right: 1px solid #333; padding: 15px 11px 15px 11px; height: 43px; /* Opera/IE5 Fix */ voice-family: "\"}\""; voice-family: inherit; height: 13px; } html>body #sitenav a { height: 13px; }
#sitenav a:hover { display: block; color: #fff; text-decoration: none; background-image: url(../images/bg_topnav-itemhover.jpg); background-repeat: repeat-x; }

#logo { float: right; padding: 11px 15px 0px 0px;}
#logo img { border: 0px; }

/*---- Main Content ----*/
#maincontentcontainer { background-image: url(../images/bg_main-white.jpg); background-repeat: repeat-x; margin-left: auto; margin-right: auto; }
#pagecontent { width: 1000px;  -moz-border-radius: 10px; -webkit-border-radius:10px; padding: 10px; margin-left: auto; margin-right: auto; border: 1px solid #999; /* Opera/IE5 Fix */ voice-family: "\"}\""; voice-family: inherit; width: 980px; } html>body #pagecontent { width: 980px; }
#sectioncontent { float: right; width: 770px; padding: 15px; /* Opera/IE5 Fix */ voice-family: "\"}\""; voice-family: inherit; width: 740px; } html>body #sectioncontent { width: 740px; }

/*---- Section Headers ----*/
#sectionheader { padding: 5px; margin-left: auto; margin-right: auto; position: relative; height: 40px; width: 1000px; /* Opera/IE5 Fix */ voice-family: "\"}\""; voice-family: inherit; height: 30px; width: 990px; } html>body #sectionheader { height: 30px; width: 990px; }
#accountinfo { float: right; font-family: Helvetica, sans-serif; font-size: 11px; text-align: right; line-height: 1.3em; }
#accountinfo a { color: #666; text-decoration: none; }
#accountinfo a:hover { color: #a10000; text-decoration: underline; }


/* Section Menus */
#sectionleftmenu { float: left; font-size: 13px; color: #666; border-right: 1px solid #ccc; padding: 5px; margin-right: 5px; min-height: 200px; width: 180px; /* Opera/IE5 Fix */ voice-family: "\"}\""; voice-family: inherit; width: 164px; } html>body #sectionleftmenu { width: 164px; }
#sectionleftmenu ul { list-style-type: none; padding: 0px; margin: 0px; }
#sectionleftmenu li { padding: 0px; margin: 0px; }
#sectionleftmenu a { display: block; padding: 11px 8px 11px 8px; margin: 0px;  color: #666; text-decoration: none; border-bottom: 1px solid #ccc; background-image: url(../images/left-menu_arrow.gif); background-position: 140px 13px ; background-repeat: no-repeat; }
#sectionleftmenu a:hover { text-decoration: none; color: #666; background-image: url(../images/left-menu_arrow-hover.gif); background-position: 140px 13px ; background-repeat: no-repeat;}
#sectionleftmenu .current { text-decoration: none; color: #666; background-image: url(../images/left-menu_arrow-hover.gif); background-position: 140px 13px ; background-repeat: no-repeat;}


/* Section Content */
#sectioncontentright { float: left; padding: 20px 0px 0px 25px; line-height: 1.4em; width: 700px; /* Opera/IE5 Fix */ voice-family: "\"}\""; voice-family: inherit; width: 675px; } html>body #sectioncontentright { height: 675px; }
/****************************/


/*---- Errors ----*/
.error { color: #a10000; font-size: 10px; font-weight: bold; padding: 2px 0;}


/*--- Alerts ----*/
#popupalertbox { margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; background: url(../images/bg_popupalertbox.jpg) repeat-x; clear: both; border: 1px solid #333; font-size: 13px; color: #fff; padding: 8px; -moz-border-radius: 10px; -webkit-border-radius:10px;  width: 1000px; /* Opera/IE5 Fix */ voice-family: "\"}\""; voice-family: inherit; width: 984px; } html>body #popupalertbox { width: 984px; }

/*---- In-line Help Pop-ups ----*/
#helplinks { color: #333; width: 15px; text-decoration: none; }
#helplinks a { display: block; text-decoration: none; }
#helplinks a span { display: none; text-decoration: none; }
#helplinks a:hover span { text-decoration: none; display: block; position: absolute; padding: 5px; margin: 10px; z-index: 100; color: #333; background: #e5e5e5; font-size: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px; }


/*---- Contact Reveal ----*/
#contactreveal { color: #333; width: 250px; text-decoration: none; }
#contactreveal a { display: block; text-decoration: none; }
#contactreveal a span { display: none; text-decoration: none; }
#contactreveal a:hover span { text-decoration: none; display: block; position: absolute; padding: 15px; margin: 5px; z-index: 100; color: #333; background: #e5e5e5; font-size: 12px; -moz-border-radius: 10px; -webkit-border-radius:10px; }



/*---- Footer ----*/
#footerdiv { margin-left: auto; margin-right: auto; margin-top: 10px; font-size: 9px; color: #999; padding: 10px 15px 10px 15px; background-color: #e5e5e5;-moz-border-radius: 7px; -webkit-border-radius: 7px;   width: 1000px; /* Opera/IE5 Fix */ voice-family: "\"}\""; voice-family: inherit; width: 970px; } html>body #footerdiv { width: 970px; }
#footerdivright { float: right; }
#footerdivright ul { list-style: none; padding: 0; margin: 0; }
#footerdivright li { float: left; margin: 0px 2px 0px 2px; padding: 0;}
#footerdiv a { color: #999; text-decoration: underline; }


/*---- Hacks ----*/
.skipnav { display: none; }
	
/* Clearfix */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */





/* Sortable Tables */

#myTable { font-size: 10px; margin-top: 5px;}
#myTable a { text-decoration: none; color: #333; }
#myTable img { border: 0; }
#myTable2 { font-size: 10px; margin-top: 5px;}
#myTable2 a { text-decoration: none; color: #333; }
#myTable2 img { border: 0; }

th.header {background-image: url(../images/small.gif); font-weight: bold; background-repeat: no-repeat; background-position: center left; cursor: pointer; } 
th.headerSortUp { background-image:  url(../images/small_asc.gif); background-color: #e5e5e5; } 
th.headerSortDown { background-image: url(../images/small_desc.gif); background-color: #e5e5e5; }

.tableContainer {height: 180px; overflow:auto;}
.tableContainerCtarget{height: 170px; overflow:auto;}
.tableContainerPtarget{height: 130px; overflow:auto;}