/* common */
body, td { font-family: verdana, arial, helvetica; font-size: 12px; }
body { margin:0px;width:100%;padding:0px;background:#000000;font-family:verdana;color:#000000;}

/* header table */
.headermenutable { background-color: #ffffff; }
.headermenurow1 { background-color: #ffffff; }
.headermenurow2 { background-color: #ffffff; color: #444444; font-size: 11px; padding: 4px 8px 4px 8px; }

/* header links */
a.header:link, a.header:active, a.header:visited { text-decoration: none; font-size: 11px; color: #444444; }
a.header:hover { text-decoration: underline; font-size: 11px; color: #444444; }

/* top menu table */
.menutable { border-color: #414142; border-style: solid; border-width: 1px 0px 0px 0px; }
/* top menu row 1 */
.menurow1_general { padding: 4px 24px 4px 24px; font-weight: bold; background: url("bg/hd_general.gif") repeat-x; background-color: #818181; border-left: 1px solid #b2b2b2; border-top: 1px solid #b2b2b2; border-right: 1px solid #414142; }
.menurow1_members { padding: 4px 24px 4px 24px; font-weight: bold; background: url("bg/hd_members.gif") repeat-x; background-color: #608cd7; border-left: 1px solid #b2b2b2; border-top: 1px solid #b2b2b2; border-right: 1px solid #414142; }
.menurow1_packages { padding: 4px 24px 4px 24px; font-weight: bold; background: url("bg/hd_packages.gif") repeat-x; background-color: #69b191; border-left: 1px solid #b2b2b2; border-top: 1px solid #b2b2b2; border-right: 1px solid #414142; }
.menurow1_communicate { padding: 4px 24px 4px 24px; font-weight: bold; background: url("bg/hd_communicate.gif") repeat-x; background-color: #dc8347; border-left: 1px solid #b2b2b2; border-top: 1px solid #b2b2b2; border-right: 1px solid #414142; }
.menurow1_content { padding: 4px 24px 4px 24px; font-weight: bold; background: url("bg/hd_content.gif") repeat-x; background-color: #bd9f0f; border-left: 1px solid #b2b2b2; border-top: 1px solid #b2b2b2; border-right: 1px solid #414142; }
.menurow1_stats { padding: 4px 24px 4px 24px; font-weight: bold; background: url("bg/hd_stats.gif") repeat-x; background-color: #76a76d; border-left: 1px solid #b2b2b2; border-top: 1px solid #b2b2b2; border-right: 1px solid #414142; }
.menurow1_utilities { padding: 4px 24px 4px 24px; font-weight: bold; background: url("bg/hd_utilities.gif") repeat-x; background-color: #d56157; border-left: 1px solid #b2b2b2; border-top: 1px solid #b2b2b2; border-right: 1px solid #414142; }
.menurow1_settings { padding: 4px 24px 4px 24px; font-weight: bold; background: url("bg/hd_settings.gif") repeat-x; background-color: #8957d5; border-left: 1px solid #b2b2b2; border-top: 1px solid #b2b2b2; border-right: 1px solid #414142; }
/* top menu row 2 */
.menurow2_members { height: 8px; background-color: #80b6e1; }
.menurow2_packages { height: 8px; background-color: #8acaad; }
.menurow2_communicate { height: 8px; background-color: #e2a283; }
.menurow2_content { height: 8px; background-color: #d3c273; }
.menurow2_stats { height: 8px; background-color: #aac69d; }
.menurow2_utilities { height: 8px; background-color: #e2838a; }
.menurow2_settings { height: 8px; background-color: #9981e2; }
/* top menu row 3 */
.menurow3_members { padding: 4px 24px 4px 24px; color: #282828; background: url("bg/hdb_members.gif") repeat-x; background-color: #e3edf9; border-color: #c6c3c6; border-style: solid; border-width: 0px 0px 1px 0px; }
.menurow3_packages { padding: 4px 24px 4px 24px; color: #282828; background: url("bg/hdb_packages.gif") repeat-x; background-color: #daefe7; border-color: #c6c3c6; border-style: solid; border-width: 0px 0px 1px 0px; }
.menurow3_communicate { padding: 4px 24px 4px 24px; color: #282828; background: url("bg/hdb_communicate.gif") repeat-x; background-color: #f9ece3; border-color: #c6c3c6; border-style: solid; border-width: 0px 0px 1px 0px; }
.menurow3_content { padding: 4px 24px 4px 24px; color: #282828; background: url("bg/hdb_content.gif") repeat-x; background-color: #fdf3ce; border-color: #c6c3c6; border-style: solid; border-width: 0px 0px 1px 0px; }
.menurow3_stats { padding: 4px 24px 4px 24px; color: #282828; background: url("bg/hdb_stats.gif") repeat-x; background-color: #ecf2ea; border-color: #c6c3c6; border-style: solid; border-width: 0px 0px 1px 0px; }
.menurow3_utilities { padding: 4px 24px 4px 24px; color: #282828; background: url("bg/hdb_utilities.gif") repeat-x; background-color: #f8e0e0; border-color: #c6c3c6; border-style: solid; border-width: 0px 0px 1px 0px; }
.menurow3_settings { padding: 4px 24px 4px 24px; color: #282828; background: url("bg/hdb_settings.gif") repeat-x; background-color: #e9e0f8; border-color: #c6c3c6; border-style: solid; border-width: 0px 0px 1px 0px; }

/* menu links row 1 */
a.menurow1:link, a.menurow1:active, a.menurow1:visited { text-decoration: none; font-size: 12px; color: #ffffff; }
a.menurow1:hover { text-decoration: underline; font-size: 12px; color: #ffffff; }
/* menu links row 3 */
a.menurow3:link, a.menurow3:active, a.menurow3:visited { text-decoration: none; font-size: 11px; color: #282828; }
a.menurow3:hover { text-decoration: underline; font-size: 11px; color: #282828; }

/* footer table */
.footertable { border-color: #414142; border-style: solid; border-width: 1px 0px 1px 0px; }
.footerrow { padding: 4px 8px 4px 8px; color: #ffffff; background: url("bg/ft_general.gif") repeat-x; background-color: #848484; border-top: 1px solid #b2b2b2; text-align: right; }
.footerrow a {color:#fff!important;}
.footerrow a:hover {text-decoration:underline;}

/* footer links */
a.footer:link, a.footer:active, a.footer:visited { text-decoration: none; font-size: 11px; color: #ffffff; }
a.footer:hover { text-decoration: underline; font-size: 11px; color: #ffffff; }

/* nav table */
.navtable { font-size: 11px; margin-bottom: 8px; border-bottom: 1px solid #999999; }
.navrow1 { padding-bottom: 2px; }
.navrow2 { font-size: 13px; padding-bottom: 2px; }
.navrow3 { font-size: 11px; padding-bottom: 2px; }

/* side table */
.sidetable { background-color: #ffffff; margin-bottom: 8px; font-size: 11px; border: 1px solid #cdcdcd; }
.sideheader { font-size: 11px; padding: 4px; border-bottom: 1px solid #efe8da; }
.siderow { font-size: 11px; padding-left: 8px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; }

/* navigation links */
a.nav:link, a.nav:active, a.nav:visited { text-decoration: none; font-size: 12px; color: #444444; }
a.nav:hover { text-decoration: underline; font-size: 12px; color: #444444; }

/* side menu links */
a.opt:link, a.opt:active, a.opt:visited { text-decoration: none; font-size: 11px; color: #444444; }
a.opt:hover { text-decoration: underline; font-size: 11px; color: #444444; }

/* content table */
.contenttable { background-color: #faf7ef; }

/* content left side panel */
.contentside_members { background-color: #f1f5f8; border-color: #c9c7c9; border-style: solid; border-width: 0px 1px 0px 0px; }
.contentside_packages { background-color: #f2f7f0; border-color: #c9c7c9; border-style: solid; border-width: 0px 1px 0px 0px; }
.contentside_communicate { background-color: #f7f2ee; border-color: #c9c7c9; border-style: solid; border-width: 0px 1px 0px 0px; }
.contentside_stats { background-color: #f2f7f0; border-color: #c9c7c9; border-style: solid; border-width: 0px 1px 0px 0px; }
.contentside_utilities { background-color: #f8f1ef; border-color: #c9c7c9; border-style: solid; border-width: 0px 1px 0px 0px; }
.contentside_settings { background-color: #efecf4; border-color: #c9c7c9; border-style: solid; border-width: 0px 1px 0px 0px; }

/* grid table */
.gridtable { background-color: #a9b8c2; margin-bottom: 8px; }
.gridheader { padding: 8px 4px 8px 4px; background: url("bg/header.gif") repeat-x; background-color: #e6e6e6; font-weight: bold; color: #444444; border-color: #ffffff; border-style: solid; border-width: 1px 1px 0px 1px; }
.gridrow1 { padding: 8px 6px 8px 6px; background: url("bg/row1.gif") repeat-x; background-color: #fafafa; border-color: #ffffff; border-style: solid; border-width: 1px 1px 0px 1px; }
.gridrow2 { padding: 8px 6px 8px 6px; background: url("bg/row2.gif") repeat-x; background-color: #fafafa; border-color: #ffffff; border-style: solid; border-width: 1px 1px 0px 1px; }
.gridlabels1 { padding: 8px 6px 8px 6px; background: url("bg/label1.gif") repeat-x; background-color: #ededed; border-color: #ffffff; border-style: solid; border-width: 1px 1px 0px 1px; }
.gridlabels2 { padding: 8px 6px 8px 6px; background: url("bg/label2.gif") repeat-x; background-color: #ededed; border-color: #ffffff; border-style: solid; border-width: 1px 1px 0px 1px; }
.gridoptions1 { padding: 8px 6px 8px 6px; background: url("bg/options1.gif") repeat-x; background-color: #ededed; border-color: #ffffff; border-style: solid; border-width: 1px 1px 0px 1px; }
.gridoptions2 { padding: 8px 6px 8px 6px; background: url("bg/options2.gif") repeat-x; background-color: #ededed; border-color: #ffffff; border-style: solid; border-width: 1px 1px 0px 1px; }
.gridactions1 { padding: 8px 6px 8px 6px; background: url("bg/actions1.gif") repeat-x; background-color: #ededed; border-color: #ffffff; border-style: solid; border-width: 1px 1px 0px 1px; }
.gridactions2 { padding: 8px 6px 8px 6px; background: url("bg/actions1.gif") repeat-x; background-color: #ededed; border-color: #ffffff; border-style: solid; border-width: 1px 1px 0px 1px; }
.gridfooter { margin-top: 1px; padding: 8px 6px 8px 6px; background: url("bg/footer.gif") repeat-x; background-color: #e6e6e6; border-color: #ffffff; border-style: solid; border-width: 1px 1px 0px 1px; }
.gridfaded { color: #969696; }

/* grid links */
a.grid:link, a.grid:active, a.grid:visited { text-decoration: none; color: #445588; }
a.grid:hover { text-decoration: none; color: #444444; }

/* filters table */
.filterstable { margin-bottom: 8px; }
.filterscell0 { padding: 0px 4px 0px 4px; }
.filterscell1 { padding: 0px 4px 8px 4px; }

/* links */
a:link, a:active, a:visited { text-decoration:none; color: #445588; }
a:hover { text-decoration:none; color: #444444; }
a.white:link, a.white:active, a.white:visited { text-decoration:none; color: #ffffff; }
.a.white:hover { text-decoration:none; color: #000000; }
.whitenav { text-decoration:none; color: #ffffff; }
/* messages */
.errormsg { margin-bottom: 8px; background: url("bg/errorbox.gif") repeat-x; background-color: #fae7e7; border: 1px; border-style: solid; border-color: #811b1b; }
.infomsg  { margin-bottom: 8px; background: url("bg/infobox.gif") repeat-x; background-color: #d9ffd9; border: 1px; border-style: solid; border-color: #008a00; }

/* inline message */
.inlinemsg { font-weight: normal; color: #444444; }

/* required field */
.required { color: #ff0000; }

/* info for items */
.infotext { font-size: 10px; }

/* message links */
a.info:link, a.info:active, a.info:visited { font-size: 11px; text-decoration: none; color: #000000; }
a.info:hover { font-size: 11px; text-decoration:underline; color: #000000; }
a.error:link, a.error:active, a.error:visited { font-size: 11px; text-decoration: none; color: #000000; }
a.error:hover { font-size: 11px; text-decoration:underline; color: #000000; }
a.question:link, a.question:active, a.question:visited { font-size: 11px; text-decoration: none; color: #404040; }
a.question:hover { font-size: 11px; text-decoration:underline; color: #404040; }

/* images */
.image { border-width: 1px; border-color: #000000; border-style: solid; }

/* closeups */
.closeup { border-width: 1px; border-color: #000000; border-style: solid; }

/* profile picture */
.profilepic { border-width: 1px; border-color: #000000; border-style: solid; }

/* profile picture div layer */
.profilepiclayer { border-width: 1px; border-color: #000000; border-style: solid; }

/* input */
.inputtext     { height: 20px; padding: 2px 0px 0px 2px; font-family: verdana; font-size: 11px; color: #000000; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; }
.inputtext:focus { background-color: #fffff0; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #a0a0a0; border-bottom: 1px solid #a0a0a0; }
.inputlist     { font-family: verdana; font-size: 11px; color: #000000; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; }
.inputcombo    { font-family: verdana; font-size: 11px; color: #000000; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; }
.inputcheck    { font-family: verdana; font-size: 11px; color: #000000; }
.inputradio    { font-family: verdana; font-size: 11px; color: #000000; }
.inputbutton   { font-family: verdana; font-size: 11px; color: #000000; border: 1px solid #7b81a9; padding-left: 4px; padding-right: 4px; }
.inputtextarea { padding: 2px; font-family: verdana; font-size: 11px; background-color: #ffffff; color: #000000; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; }
.inputtextarea:focus { background-color: #fffff0; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #a0a0a0; border-bottom: 1px solid #a0a0a0; }
.inputsubmit   { background: url("images/button.gif") no-repeat; width: 85px; height: 21px; border: 0px; font-family: verdana; font-size: 11px; color: #000000; padding-bottom: 2px; }
.inputsubmitb   { background: url("images/button1.gif") no-repeat; width: 160px; height: 21px; border: 0px; font-family: verdana; font-size: 11px; color: #000000; padding-bottom: 2px; }
.inputgo       { background: url("images/go.gif") no-repeat; width: 16px; height: 16px; border: 0px; padding: 0px; }
.error, .red {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #ff0000;
	text-decoration: none;
}
.error {font-weight:bold;}
.success, .green {font-family:arial, helvetica, sans-serif;font-size:12px;font-weight:bold;color:#009900;text-decoration:none;}
.warning {font-family:arial, helvetica, sans-serif;font-size:12px;font-weight:bold;color:#ff6600;text-decoration:none;}

#headtop {left: 8px; position: absolute; top: 10px}
#globals {left: 8px; position: absolute; top: 10px}
#head1 {left: 8px; position: absolute; top: 10px}
#menu1 {left: 16px; position: absolute}
#head2 {left: 8px; position: absolute}
#menu2 {left: 16px; position: absolute}
#head3 {left: 8px; position: absolute}
#menu3 {left: 16px; position: absolute}
#head4 {left: 8px; position: absolute}
#menu4 {left: 16px; position: absolute}
#head5 {left: 8px; position: absolute}
#menu5 {left: 16px; position: absolute}
#head6 {left: 8px; position: absolute}
#menu6 {left: 16px; position: absolute}
#headbottom {left: 8px; position: absolute}

/* links */

a {font:arial, helvetica, sans-serif;color: #608cd7}
a.visited {color: #000000}
a:hover {color: #000000}
a.roll {font:arial, helvetica, sans-serif; color: #000000; font-size: 9pt; text-decoration: none}
a.roll:hover {color: #608cd7; text-decoration: underline}
a.nav {font:arial, helvetica, sans-serif;	color: #608cd7; font-size: 7pt; text-decoration: none}
a.nav:hover {	color: #000000}
.black {font:arial, helvetica, sans-serif;	color: #000000; font-size: 11px; text-decoration: none}
.black:hover{font:arial, helvetica, sans-serif;	color: #000000; font-size: 11px; text-decoration: none}
.white {font:arial, helvetica, sans-serif;	color: #ffffff; font-size: 11px; text-decoration: none}
.white:hover{font:arial, helvetica, sans-serif;	color: #ffffff; font-size: 11px; text-decoration: none}

/* powered by easymemberpro link */
.poweredby {text-align:right;font-size:10px;margin:0 auto;padding:5px 15px;}
.poweredby a, .poweredby a:link {color:#000;text-decoration:none;}
.poweredby a:hover {color:#000;text-decoration:underline;}/*     new csssssssssssssssssssssssssssss                                   customer,admin and staff*/td{color:#000000;font-family:verdana;font-size:12px;}a{color:#0bb1e7;font-weight:normal;}input,select{background:#ffffff;border:1px solid #b5b5b5;color:#333333;}.main_body{margin:0px auto;padding:0px;height:auto;width:1140px;}.f_left{float:left;margin:0px;padding:0px;}.bdSection{float:left; background:#ffffff; /*border-left:1px solid #820011; *//*border-right:1px solid #820011;*/ /*border-bottom:1px solid #820011; */width:1140px;_width:1140px;display:inline;padding-bottom:50px;}

.footersection{
border-bottom:1px solid #fff;
width:100%;
float:left;
margin-top:20px;
margin-bottom:20px;
}

/* rc - process status */
.approved, .approve, .waiting_for_details, .completed {display:block;padding: 8px 6px 8px 6px;}
.approved {background-color: #ffcccc;}
.approve  {background-color: #ff0000;}
.approve a {color:#fff;text-decoration:underline;font-weight:bold;}
.waiting_for_details  {background-color: #ffcc66;}
.completed  {background-color: #ff9900;}

.default_submission td {padding: 4px 0px 4px 4px;}
.default_submission input, select {padding: 4px;}
.default_submission input:focus, select:focus {background-color: lightyellow;}
.default_submission .desc {color: #a0a0a0; font-style: italic;font-size:11px;}

.default_submission .info {padding: 10px;background-color: #E5C8C7;}
.default_submission .submit {font:16px georgia;padding:8px;width: 180px;border: 1px solid #ccc;background:url(images/menu-pattern.gif) repeat-x left bottom;color:#000;font-weight:bold;}
.default_submission .submit:hover {font:16px georgia;padding:8px;width: 180px;border: 1px solid #000;font-weight:bold;}

.default_submission .padtd {padding: 4px 0px 4px 4px;}

.input-desc {color: #a0a0a0; font-style: italic;font-size:10px;}

/* 2011 MODIFICATION */
.wrap {width:1140px;background-color:#fff;}
.header {color: #fff;height:120px;background-color:#990000;}
.header .logo {float:left;margin-left:20px;width:400px;height:120px;background:url(images/_logo.jpg) no-repeat left top;}
.header .info-status-block {float:right;margin-right:10px;margin-top:4px;}
.header .info-status-block a {color:#fff;}

/*LOGIN*/
.loginBox{height:200px;} 
.loginBox span{float:left;padding:4px;width:100px;text-align:left;}
.loginRow{float:left; margin:3px;}
.loginInnerbox {margin: 40px 0 0 30px;}
.loginBox h1 {text-align:left;margin:0px;color:#fff;padding-left:10px;}
.loginBox h4 {color:#000;}
.loginBox input{padding:8px;}
.loginBox #btnSubmit {background-color:#990000;color:#fff;border: none;font-weight:bold;cursor:pointer;}
.loginBox #btnSubmit:hover {background-color:#cc0000;}
.loginBox .error {color:red;}

h1{font-family:verdana;font-size:18px;text-align:center;}
h2{margin:0px;padding:0px;}
h4{font-family:verdana;font-size:12px;margin:0px;padding-top:0px;}
h3{font-size:12px;margin:0px;padding-top:0px;text-align:center;}

.bluetxt_12{color:#0bb1e7;font-weight:normal;font-size:12px;line-height:20px;}
.blue_txt{color:#03769C;font-weight:normal;}
.green_txt{color:#3D7500;}.green_txt a:hover{color:#3D7500;}a.green_txt{color:#3D7500;}a:hover.green_txt{color:#3D7500;}a.green_txt img{border:0px;}a:hover.green_txt img{border:0px;}.red_txt{color:#ff0000;}.red_txt a:hover{color:#ff0000;}.loginBtn{float:left; width:100px; padding-left:193px; margin-top:5px;}.loginBtn_sign_up{float:left; padding-left:15px; }.dilog{width:350px;height:20px;background:#f7f7f7;border:1px solid #3c5b59;text-align:center;line-height:20px;font-family:arial;font-size:11px;margin:10px auto;color:#AD1001;}
.navBar{margin:0px;padding:0px;height:30px;background:url(images/_menubg.jpg) repeat-x left top;clear:both;}
.navBar ul{margin:0px;margin-right:2px;padding:0px;list-style:none;}
.navBar ul li{float:left;margin:0px;display:inline;margin-left:5px;}
.navBar ul li a{float:left;margin:0px;font-family:verdana;font-size:12px;font-weight:bold;color:#ffffff;text-decoration:none;padding:0px 0px 0px 9px;margin-top:2px;}
.navBar ul li a span{float:left;margin:0px;font-family:verdana;font-size:12px;font-weight:bold;color:#ffffff;text-decoration:none;line-height:26px;padding:0px 9px 0px 0px;}
.navBar ul li a:hover{float:left;background-color:#fff;margin:0px;font-family:verdana;font-size:12px;font-weight:bold;color:#333333;text-decoration:none;line-height:26px;padding:0px 0px 0px 9px;margin-top:2px;margin-top:4px;}
.navBar ul li a:hover span{float:left;margin:0px;font-family:verdana;font-size:12px;font-weight:bold;color:#333333;text-decoration:none;line-height:26px;padding:0px 9px 0px 0px;}
.navBar ul li a.activeTab{float:left;background-color:#fff;margin:0px;font-family:verdana;font-size:12px;font-weight:bold;color:#333333;text-decoration:none;line-height:26px;padding:0px 0px 0px 9px;margin-top:4px;}
.navBar ul li a.activeTab span{float:left;margin:0px;font-family:verdana;font-size:12px;font-weight:bold;color:#333333;text-decoration:none;line-height:26px;padding:0px 9px 0px 0px;}

#status-block {width:500px;padding-top: 4px;}
#status-block table {background-color:#fff;}
#status-block td {color:#666;background-color:#fff;text-align:center;font-family:georgia;border-right: 1px solid #990000;}
#status-block table .title{background-color:#efefef;font-size:14px;font-weight:bold;border-bottom: 1px solid #990000}
#status-block td .last {border: none;}

#status-block-home {padding-top: 4px;}
#status-block-home table {background-color:#fff;border: 1px solid #ccc;}
#status-block-home td {color:#666;background-color:#fff;text-align:center;font-family:georgia;border-right: 1px solid #ccc;}
#status-block-home table td.title{background-color:#efefef;font-size:18px;font-weight:bold;border-bottom: 1px solid #ccc;}
#status-block-home td.last {border: none;}

.box {margin-top:-2px;}
.box .b-tl {background: url('images/box/block-tl.png') no-repeat left top;}
.box .b-tr {background: url('images/box/block-tr.png') no-repeat right top;}
.box .b-bl {background: url('images/box/block-bl.png') no-repeat left bottom;}
.box .b-br {background: url('images/box/block-br.png') no-repeat right bottom;}
.box .b-il {background: url('images/box/block-il.png') repeat-y left top;}
.box .b-ir {background: url('images/box/block-ir.png') repeat-y right top;}
.box .b-ib {background: url('images/box/block-ib.png') repeat-x left bottom;}
.box .b-it {background: url('images/box/block-it.png') repeat-x left top;text-align:left;}

/*RECORD TABLE*/
.showing-title {background-color:#f0f0f0;color:#000;font-size:14px;font-weight:bold;padding:4px;}

.footer {background-color:#990000;padding: 10px;margin:20px 0 20px 0;}
.footer .copyright {text-align:left;color:#fff;font-size: 11px;}

/*TABLE LIST*/
.tblist {border: 1px solid #ccc;}
.tblist td {padding: 6px;}
.tblist .title {background-color:#ccc;font-weight:bold;}
.tblist .list {border-bottom: 1px solid #ccc;}

/*CREATE ORDER*/
.create_order {border: 1px solid #ccc;padding:10px;}
.create_order td {padding:6px;}
.create_order input, textarea {border: 1px solid #ccc;padding:4px;}
.create_order .submit {font:16px georgia;padding:8px;width: 180px;border: 1px solid #ccc;background:url(images/menu-pattern.gif) repeat-x left bottom;color:#000;font-weight:bold;}

/*POPUP BOX*/
.popup-box {clear:both;height:26px;background-color:#ffcccc;padding:4px;}
.popup-box .title {float:left;}
.popup-box .title h2 {padding: 4px;}
.popup-box .close {float:right;}
.popup-box .close .inputsubmit {background:url(images/closex.jpg) no-repeat left top;width:26px;}

/*CUSTOMER SECTION*/
.note {text-align:left;font-size:11px;background-color:#ffcccc;padding:10px;margin-top:10px;color:#660000;}
.note i {font-weight:bold;}


/* TOOLTIP */
#tooltip 
{
  color:#fff;
	position: absolute;
	z-index: 3000;
	border: 1px solid #ffcccc;
	border-top: 2px solid #ffcccc;
	background-color: red;
	padding: 5px;          	
	text-align:left;
} 
#tooltip h4 {color:#fff;padding-bottom: 4px;border-bottom: 2px solid #fff;}         
#tooltip h4, #tooltip div { margin: 0; }  
#tooltip div {font-size: 10px;margin-top: 6px;}