/* Sidebar Border/Colors --------------------------------------------------------------------- */

.blck { border: 10px solid #eaefeb; clear: both; float: left; padding: 0 0 2px 0; margin: 0 0 10px 0; }
.blck h1 { color: #5e5e5e; font-size: 17px; border-bottom: 1px solid #ddd; padding: 3px 10px 3px 10px; }
.blck ul { margin: 2px 0 0 0; padding: 0; }
.blck ul li{ text-transform: capitalize; list-style: none; width: 180px; float: left; margin: 0; border-bottom: 1px solid #eaefeb; font-size: 12px; color: #5e5e5e; }
.blck ul li a{ color: #5e5e5e; padding: 4px 10px; display: block; }
.blck ul li a:hover{ background: #eaefeb }
.blck ul li.last { border: 0; }

.sets { border: 10px solid #dce5de; clear: both; float: left; padding: 0 0 2px 0; }
.sets h1 { color: #5e5e5e; font-size: 17px; border-bottom: 1px solid #ddd; padding: 3px 10px 3px 10px; }
.sets ul { margin: 2px 0 0 0; }
.sets ul li { width: 180px; padding: 0; display: block; font-size: 12px; border-bottom: 1px solid #e2e2e2; }
.sets ul li a{ padding: 4px 10px; }
.sets ul li a:hover, .sets ul li.on { background: #dce5de }
.sets ul li.last { border: 0; }

.main { border: 10px solid #e2e5dc; clear: both; float: left; padding: 0 0 2px 0; margin: 0 0 10px 0; }
.main h1 { color: #5e5e5e; font-size: 17px; border-bottom: 1px solid #ddd; padding: 3px 10px 3px 10px; }
.main ul { margin: 2px 0 0 0; }
.main ul li { width: 180px; padding: 0; display: block; font-size: 12px; border-bottom: 1px solid #e2e2e2; }
.main ul li a{ padding: 4px 10px; }
.main ul li a:hover{ background: #e2e5dc }
.main ul li.last { border: 0; }

/* Left Content --------------------------------------------------------------------------------- */

.con { clear: both; float: left; display: block; padding: 0 5px 0 6px; width: 733px; }
.con h1 { color: #666; padding: 0 0 5px 0; }
.con h2 { color: #666; padding: 0 0 5px 0; }
.con table { width: 733px; margin: 0 0 10px 0; }
.con table tr.head td { font-size: 10px; line-height: 14px; text-transform: uppercase; background: #5a5a5a; padding: 7px 5px; color: #fff; }
.con table tr td small { clear: both; display: block; font-size: 10px; line-height: 1.4em; color: #999; }

.con table tr.pr td{ padding: 5px; border: 1px solid #ccc; border-width: 1px 0 1px 1px; }
.con table tr.pr td.pho { padding: 5px; width: 53px; }
.con table tr.pr td.pho img{ padding: 2px; border: 1px solid #ccc; width: 50px; height: 50px; display: block; text-indent: -9999px; }
.con table tr.pr td.att { padding: 0 5px; margin: 0; width: 16px; }
.con table tr.pr td.att a{ background: url(images/icons/attach.png) no-repeat left top; display: block; width: 16px; height: 16px; text-indent: -9999px; }

.con table tr.pr td.last { border-right: 1px solid #ccc; width: 160px;  }
.con table tr.pr td.last table { width: 160px; border: 1px solid #ccc; border-width: 1px 1px 0 0; }
.con table tr.pr td.last table td { font-size: 11px; line-height: 12px; border: 0; border: 1px solid #ccc; border-width: 0 0 1px 1px; }
.con table tr.pr td.last table td.tl { font-weight: bold; }


/* Left Content --------------------------------------------------------------------------------- */

.rsdr { float: left; width: 200px; }

/* Login Box ------------------------------------------------------------------------------------ */

.lg { padding: 0 10px 5px 10px; }
.lg .des { clear: both; width: 160px; text-align: center; border-top: 1px solid #ddd; padding: 5px 0 0 0; text-transform: uppercase; font-size: 11px; line-height: 12px; }
.lg .des a { font-size: 10px; }
.lg .inpt { padding: 5px 0 0 0; font-size: 10px; text-transform: uppercase; line-height: 11px; } 
.lg input.u-p { padding: 3px; width: 150px; font-size: 12px; }
.lg input.b { padding: 1px 7px; text-transform: capitalize; font-size: 11px; margin: 4px 0; } 

/* Create New Project ----------------------------------------------------------------------- */

.wizzard { clear: both; width: 733px; padding: 10px 0 0 0; }
.wizzard ul { float: left; border-top: 1px solid #ccc; padding: 0 0 10px 0; }
.wizzard ul li { width: 146px; background: url(images/buble.gif) no-repeat center bottom; text-align: center; display: block; float: left; font-size: 10px; padding: 7px 0 15px 0; }
.wizzard ul li.on { color: #000; background: url(images/buble-on.gif) no-repeat center bottom; }

.cre { clear: both; background: url(images/pro-bg.gif) repeat-x left bottom; width: 720px; clear: both; border: 1px solid #ccc; padding: 5px 5px 0 5px; margin: 0 0 15px 0; }
.con h2 { clear: both; font-size: 13px; line-height: 1.4em; font-style: italic; font-weight: bold; color: #fff; margin: 0; padding: 2px 10px; background: #959595; float: left; }
.cre table { width: 720px; }
.cre table tr td { padding: 3px 0; color: #000; font-size: 11px; line-height: 1.4em; }
.cre table tr td ol li{ margin: 0 0 1px 20px; }
.cre table tr.bb td { border-bottom: 1px solid #ccc; padding: 5px; }
.cre table tr.bbl td { padding: 5px; }
.cre table tr td.n { width: 150px; }
.cre table tr td.n span { color: #cc0000; background: url(images/required.gif) no-repeat left 2px; width: 12px; height: 14px; display: block; text-indent: -9999px; float: left; margin: 0 3px 0 0; }
.cre table tr td.n2 { width: 100px; }
.cre table tr td select { padding: 3px; }
.cre table tr td small { clear: both; display: block; font-size: 10px; line-height: 1.4em; color: #999; }
.cre table tr td small .tl { color: #cc0000; }
.cre table tr td input { padding: 2px 3px; }
.cre table tr td input.iw { width: 279px; margin: 0; }
.cre table tr td input.readonly { width: 245px; background: #ebebe4; border: 1px solid #a5acb2; font-size: 11px; padding: 4px 3px; }
.cre table tr td textarea { width: 98%; height: 90px; padding: 1px; margin: 0 5px 0 0; }
.cre p { margin: 0; padding: 0 0 5px 0; font-size: 11px; line-height: 1.4em; }

.cre table tr.pr td { border: 1px solid #ccc; border-width: 0 1px 1px 0; }
.cre table tr.pr td.pho { border: 1px solid #ccc; border-width: 0 1px 1px 1px; }

.char { border: 1px solid #a5acb2; border-width: 0 1px 1px 1px; padding: 1px 5px 3px 5px; width: 180px; text-align: center; font-size: 10px; line-height: 1.4em; }
.char span { color: #000; }

.cur select { font-size: 11px; }
.cur option { font-size: 11px; padding: 0 10px 0 0; }

.radio span { display: block; line-height: 24px; }
.radio input { clear: both; float: left; margin: 1px 3px 0 0; display: block; height: 20px; } 
.radio .spn { float: left; margin: 0 5px 0 0; }
.radio .fld { float: left; clear: none; font-size: 10px; padding: 1px; height: 14px; }

/* Item --------------------------------------------------------------------------------------- */

.item { clear: both; background: url(images/pro-bg.gif) repeat-x left bottom; width: 720px; clear: both; border: 1px solid #ccc; padding: 5px 5px 0 5px; margin: 0 0 15px 0; }
.item table { width: 720px; border: 1px solid #ccc; border-width: 1px 0px 0px 1px;  }
.item table tr td { border: 1px solid #ccc; border-width: 0px 1px 1px 0; padding: 3px 4px; vertical-align: top; } 
.item table tr td.n { width: 170px; }
.item table tr td ol { margin: 0 0 0 20px; }
.item table tr td ol li { clear: both; font-size: 10px; line-height: 1.4em; text-transform: capitalize; padding: 4px 0 6px 0; }
.item table tr td .del  { width: 18px; float: right; }
.item table tr td.del { width: 18px; }
.item table tr td .del a,.item table tr td.del a{ background: url(images/delete.gif) no-repeat left top; width: 18px; height: 18px; display: block; text-indent: -9999px; }
.item table tr td .del a:hover,.item table tr td.del a:hover { background-position: 0 100%; }
.item table tr td img { padding: 2px; border: 1px solid #ccc; margin: 3px; }

/* Attachments (add_project3.php) -------------------------------------------------- */

.att table tr.head td { background: #f2f2f2; color: #666; padding: 5px; }
.att table tr td input.n { font-size: 11px; padding: 3px 5px; }

/* Suppliers (add_project4.php) ----------------------------------------------------- */

.selsup { clear: both; float: left; width: 200px; display: block; border-right: 1px solid #959595; margin: 0 5px 0 0; }
.selsup h2 { width: 180px; display: block; background: #959595; margin: 0; }
.selsup table { width: 200px; float: left; margin: 0; padding: 0; }
.selsup p { clear: both; padding: 10px 5px 2px 5px; font-size: 11px; line-height: 1.4em; } 

.scrollbar { overflow: auto; width: 195px; height: 515px; border: 1px solid #ccc; border-width: 0 0 1px 0; }
.scrollbar ol li { clear: both; height: 20px; font-size: 11px; line-height: 18px; border-top: 1px solid #ccc; padding: 3px 3px 1px 3px; }
.scrollbar ol li a { float: right; background: url(images/delete.gif) no-repeat left top; width: 18px; height: 18px; display: block; text-indent: -9999px; }
.scrollbar ol li a:hover { background-position: 0 100%; }
.scrollbar ol li:hover { background: #f2f2f2; }

.copt { float: left; width: 520px; padding: 0 0 10px 0; } 

.copt1 { float: left; height: 190px; margin: 0 0 10px 0; }
.opt1 table { clear:both; height: 170px; width: 255px; border: 1px solid #ccc; padding: 5px 5px 0 5px;  }
.opt1 select { height: 110px; width: 240px; border: 1px solid #a5acb2; }
.opt1 select option { font-size: 11px; padding: 2px; }
.opt1 input#quick { padding: 3px; width: 230px; font-size: 11px; }
.opt1 table tr td { vertical-align: top; padding: 5px 0 0 0; }
.opt1 table tr td ol { margin: 0 0 0 20px; font-size: 11px; line-height: 1.4em; }
.opt1 table tr td h2 { background: #a5acb2; font-size: 10px; font-weight: normal; font-style: normal; text-transform: uppercase; }

.opt { clear: both; width: 508px; border: 1px solid #ccc; padding: 5px 5px 0 5px; }
.opt table { width: 510px; }
.opt h2 { background: #a5acb2; font-size: 10px; font-weight: normal; font-style: normal; text-transform: uppercase; }
.opt select option { font-size: 11px; padding: 2px; }
.opt table tr td { padding: 5px 0; }
.opt table tr td.ct select { border: 1px solid #a5acb2; height: 100px; width: 130px; }
.opt table tr td.cc select { border: 1px solid #a5acb2; height: 100px; width: 365px; }
.opt table tr td.ctc select { border: 1px solid #a5acb2; width: 245px; margin: 0 13px 0 0; }
.opt table tr td input.ft { width: 130px; }

.cresup { clear: both; border: 1px solid #ccc; background: url(images/pro-bg.gif) repeat-x left bottom; width: 710px; float: left; padding: 10px; }
.cresup ul li { display: block; padding: 3px 10px 0 0; }

/* Project Page (project.php) ---------------------------------------------------------- */ 

.proj { background: #f8f8f8; }

.pp { clear: both; float: left; }
.pp img { padding: 2px; border: 1px solid #ccc; margin: 0 5px 5px 0; }

.pi { float: right; }
.pi table{ float: left; width: 409px; border: 1px solid #ccc; border-width: 1px 0 0 1px; margin: 0; }
.pi table tr td{ background: #fff; border: 1px solid #ccc; border-width: 0 1px 1px 0; padding: 3px 5px; }

.im { clear: both; width: 409px; }
.im ul { clear: both; margin: 0; padding: 0; width: 409px; float: right; }
.im ul li{ display: block; font-size: 10px; text-transform: uppercase; float: left; }
.im ul li a { display: block; background: #fefefe; border: 1px solid #ccc; border-width: 0 1px 1px 1px; padding: 4px 5px 5px 25px; margin: 0 2px 0 0; }
.im ul li.print a { background: #fefefe url(images/print.gif) no-repeat 5px 2px; }
.im ul li.pm a { background: #fefefe url(images/pm.gif) no-repeat 5px 3px; }
.im ul li a:hover  { background: #f0f0f0; } 
.im ul li.pm  a:hover { background: #f0f0f0 url(images/pm.gif) no-repeat 5px 3px; } 
.im ul li.print  a:hover { background: #f0f0f0 url(images/print.gif) no-repeat 5px 2px; } 

.cre .info { clear: both; } 
.info h3 { font-size: 14px; line-height: 1.4em; border-bottom: 1px solid #ccc; width: 100%; font-family: Times new roman, Arial, serif; font-weight: bold; color: #5e5e5e; }
.info p { font-size: 11px; line-height: 1.4em; color:#666; padding: 5px 3px; }
.info table { border: 1px solid #ccc; border-width: 0 0 0 1px; }
.info table tr td{ background: #fff; border: 1px solid #ccc; border-width: 0 1px 1px 0; color:#666; padding: 3px 5px; font-size: 11px; line-height: 1.4em; vertical-align: top; }
.info table tr td.n { width: 100px; }