/* ----------------- GLOBAL STYLES -----------------*/
*{ margin: 0px; padding: 0px; }
body{ font: 11px Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff; }
a:hover{text-decoration: none;}
a:link img { border: 1px solid #cccccc; border-bottom: 5px solid #FF8500; }
a:visited img { border: 1px solid #cccccc; border-bottom: 5px solid #FF8500; }
a:hover img { border: 1px solid #cccccc; border-bottom: 5px solid #E51D28; }
a:active img { border: 1px solid #cccccc; border-bottom: 5px solid #F9DC8C; }
p { line-height: 16px; padding: 3px 0px; }
h1{font-size: 24px;color: #333366;}

/* ------------------NAVIGATION --------------------*/
#nav{ width: 150px; font-size: 12px; }
#nav ul{ margin-left: 0; margin-bottom: 0; padding-left: 0; list-style-type: none; }
#nav li a{ text-decoration: none; color: #ffffff; background-color: #333366; display: block; width: 150px; padding: 10px; border-bottom: 1px solid #4880B7; }
#nav li a:hover{ color: #003399; background-color: #89CFF1; }

/* ------------------ PAGE STRUCTURE ----------------- */
.maincontent{ width: 640px; padding-left: 20px;margin-bottom: 200px; } /* Used mainly for Recognition pages - starts in recognition_header.php and ends in page itself */

/* -------------- HEADINGS ----------------*/
.toptitle, .atitle, .btitle, .ctitle, .dtitle{ font-family: Trebuchet, sans-serif; padding: 5px 0px; }
.bigtitle{ color: #333366; position: relative; top: 55px; left: 180px; font-size: 26px; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; }
.toptitle{ font-size: 22px; text-align: center; color: #333ccc; }
.atitle{ font-size: 18px; color: #004B8F; }
.btitle{ font-size: 16px; color: #FA5406; padding-top: 10px; }
.ctitle{ font-size: 14px; color: #000000; padding: 0px; }
.dtitle{ font-size: 14px; color: #000080; font-weight: bold; padding: 15px 0px 5px 0px; }
.columntitle{ font-size: 12px; font-weight: bold; }
.clubmember{ text-align: left; font-size: 12px; color: #000000; padding: 0px 0px 40px 0px; font-weight: normal; clear: both; }
.viptitle{font-weight: bold;font-size: 14px;}


/* ------ BOX WITH DROP SHADOW FOR IMAGES ------ */
.dropshadow{ float: left; background: url('../images/shadowAlpha.png') no-repeat bottom right !important; background: url('../images/shadow.gif') no-repeat bottom right; margin: 10px 0px 10px 10px !important; margin: 10px 0px 10px 5px; padding: 0px; clear: both; }
.innerbox{ position: relative; bottom: 6px; right: 6px; border: 1px solid #999999; padding: 2px; margin: 0px; clear: both; }
.innerbox{ /* IE5 hack */ \margin: 0px 0px -3px 0px; ma\rgin: 0px 0px 0px 0px; }
.innerbox p{ margin: 3px; }
.innerbox img{ margin: 3px; }

/* ------ OTHER ------ */
.row{ height: 150px; }
.notetouser{ background-color: #FDF8AC; position: relative; padding: 10px; color: #510051; font-size: 13px; font-weight: bold; vertical-align: middle; }

/* --------- FOR National Director page ------ */
div#ntd img{float: left;margin: 5px 15px 15px 0px;}
div#ntd div.separator{text-align: center;margin: 5px 0px 0px 0px;}
div#ntd div.separator img{float: none;}
div#ntd p{padding: 0px;}

/* --------- FOR PRODUCTION REPORTS ------ */
#prodrep a{font-size: 13px;color: #000080;font-weight:bold}
#prodrep a:hover{color:#FC5406;}
#prodrep ul{margin: 5px 0 5px 40px; list-style-image: url('http://protravelnet.com/admin/images/ptn_icon.gif');
line-height: 16px;padding-bottom: 10px;}
#prodrep ul li{margin-bottom: 5px;}
	
table.agenttable{ font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 5px 0px; }
table.rtprodtable{ font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 5px 0px; }
table.agenttable td{ padding: 5px 5px 0px 5px; text-align: left; }
table.rtprodtable td{ border: solid 1px #cccccc; padding: 5px 5px 0px 5px; text-align: left; }
ol.agent{ list-style-position: inside; }