/* CSS Document */

body{background: url(../images/grey_bg.png) repeat-x scroll left top #d8d8d8; color:#0F0F0F; font:12px/16px Arial, Helvetica, sans-serif; margin:32px 0 0; padding:0;}
div, ul, h1, h2, h3, li, p, img{margin:0; padding:0;}
ul{list-style-type:none;}

/* TOP PANEL*/
#topPanel{width:762px; height:320px; position:relative; padding:0; margin:auto;}
#topPanel img{z-index:1; padding:0; position:absolute; margin:0 0 0 11px;}
/* MENU PANEL*/
#topPanel ul{display:block; width:732px; height:36px; position:absolute; top:0; right:0; margin:11px 0 0; padding:0 29px 0 0; border-bottom:1px solid #AEAEAE;}
#topPanel ul li{float:right; font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold;}
#topPanel ul li a{width:74px; height:36px; display:block; padding:0; color:#555; /*background:#fff;*/ text-decoration:none; text-align:center; margin:0 1px 0 0; top:0px; left:0px;}
#topPanel ul li a:hover{width:74px; height:36px; text-decoration:none; background:url(../images/button.gif) no-repeat 0 0 #AEAEAE; color:#fff;}
#topPanel ul li.active{width:74px; display:block; height:36px; background:url(../images/button.gif) no-repeat 0 0 #AEAEAE; color:#fff; text-align:center; margin:0 1px 0 0;}
/* HEADER PANEL*/
#topPanel .fancyButton {display:none}
#topPanel #headerPanelfirst{width:246px; height:204px; position:absolute; top:0; left:0; margin:110px 0 0; padding:0px; background:url(../images/orange-new-normal.jpg) no-repeat 0 0; color:#fff;}
#topPanel #headerPanelfirst a{width:246px; height:204px; display:block; text-decoration:none; color:#fff}
#topPanel #headerPanelfirst a:hover{width:246px; height:204px; background:url(../images/orange-new-hover.jpg) no-repeat 0 0; color:#fff; text-decoration:none;}
#topPanel #headerPanelfirst h2{display:block; width:90px; height:47px; margin:54px 0 0 100px; font:28px/28px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; position:absolute; top:0px; left:0px; z-index:1;}
#topPanel #headerPanelfirst p{width:170px; display:block; font:12px/18px Arial, Helvetica, sans-serif; font-weight:bold;  position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:105px 50px 0 38px;}

#topPanel #headerPanelsecond{width:246px; height:204px; position:absolute; top:0; left:258px; margin:110px 0 0; padding:0px; background:url(../images/green-new-normal.jpg) no-repeat 0 0; color:#fff;}
#topPanel #headerPanelsecond a{width:246px; height:204px; display:block; text-decoration:none; color:#fff}
#topPanel #headerPanelsecond a:hover{width:246px; height:204px; background:url(../images/green-new-hover.jpg) no-repeat 0 0; color:#fff; text-decoration:none;}
#topPanel #headerPanelsecond h2{display:block; width:90px; height:47px; background:none; margin:54px 0 0 103px; font:28px/28px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; padding:0; position:absolute; z-index:1;}
#topPanel #headerPanelsecond p{width:170px; display:block; font:12px/18px Arial, Helvetica, sans-serif; font-weight:bold;  position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:105px 50px 0 38px;}

#topPanel #headerPanelthird{width:246px; height:204px; position:absolute; top:0; right:0; margin:110px 0 0; padding:0px; background:url(../images/blue-new-normal.jpg) no-repeat 0 0; color:#fff;}
#topPanel #headerPanelthird a{width:246px; height:204px; display:block; text-decoration:none; color:#fff}
#topPanel #headerPanelthird a:hover{width:246px; height:204px; background:url(../images/blue-new-hover.jpg) no-repeat 0 0; color:#fff; text-decoration:none;}
#topPanel #headerPanelthird h2{display:block; width:90px; height:47px; background:none; margin:54px 0 0 93px; font:28px/28px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; padding:0; position:absolute; z-index:1;}
#topPanel #headerPanelthird p{width:170px; display:block; font:12px/18px Arial, Helvetica, sans-serif; font-weight:bold;  position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:105px 50px 0 38px;}

#topPanel .headerPanelBottom {width:180px; display:block; font:12px/18px Arial, Helvetica, sans-serif; font-weight:bold;  position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:100px 50px 0 38px;color:#fff;}

/* DRP SHADOWS*/

div.shadow{background-color: #aeaeae; position:absolute; top: 3px; left:2px; z-index:2;}
div.shadow1{background-color: #dcdcdc; position:absolute; top: 6px; left:4px; z-index:1;}
div.shadow2{background-color: #efefef; position:absolute; top: 9px; left:6px; z-index:0;}

.cp_shadow{background-color: #aeaeae; position:absolute; top: 3px; left:2px; z-index:2;}
.cp_shadow1{background-color: #dcdcdc; position:absolute; top: 6px; left:4px; z-index:1;}
.cp_shadow2{background-color: #efefef; position:absolute; top: 9px; left:6px; z-index:0;}

/* FEEDBACK FORM */

#feedback {position:absolute; top:40%; left:0; z-index:100;}
#feedback_contents {display:none; float:left; height:300px; width:300px;border:thin solid #d95f06; background-color:#fde9d6; padding:10px;}
#feedback_contents h2 {font-size:18px; text-align:center}
#feedback_contents p {font-size:12px}
#feedback_contents .feedback_inputs {background-color:#fff; width:90%;}
#feedback_contents a#feedback_submit {position:absolute; bottom:5%; background:url(../images/button_orange_normal.png) 0 0 no-repeat #fde9d6; border-style:none; width:75px; height:26px; cursor:pointer; z-index:110}
#feedback_contents a#feedback_submit:hover {background:url(../images/button_orange_hover.png) 0 0 no-repeat #fde9d6;}
#feedback_contents #feedback_errors {color:red; display:none}	
#feedback_tab {cursor:pointer;}

/* BETABUG WIDGET */

#betabug {position:absolute; top:20%; left:0; z-index:100;}
#betabug_contents {display:none; float:left; height:300px; width:300px;border:thin solid #d95f06; background-color:#fff; padding:10px;}
#betabug_widget {cursor:pointer;}

/* USER FORMS */
.user_form_wrapper{position:relative; width:60%; margin:auto; top:0; left:0;}
.user_form{position:relative; top:0; left:0; width:100%; z-index:3; border: thin solid lightgrey; margin-bottom:5%;min-height:300px}
.user_form#signup, .user_form#invitation, .user_form#renew_account_form {background-color: #F2F5F7;}
.user_form#login{background-color: #F2F5F7;}
.user_form h3{width:100%; margin:0px; font-weight:bold;text-transform:uppercase; text-align:center; padding:5px 0px 5px 0px; font:20px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; margin-bottom:10px;}
.user_form p{position:relative; left:10%; font-size: 12px; width:80%; margin-bottom:10px;}
.user_form .error_msg{display:none; width:100px; position:absolute; right:40px; color:#ff0000; font-size: 12px; }  
.user_form .label{position:relative; left:5%; font-size:14px;  }
.user_form #thanks-note{position:relative; left:5%; top:-20%; width:90%}
.user_form .txtbox{position:absolute; left:30%; border: thin solid lightgrey;}
.user_form .colone{position:absolute; left:15%; font-size:smaller;}
.user_form select.prot_select{position:absolute; left:15%; border:thin solid lightgrey;}
.user_form .coltwo{position:absolute; left:30%;}
.user_form span.coltwo{font-size:smaller;}
.user_form select.dom_select{position:absolute; left:55%; border:thin solid lightgrey;}
.user_form .colthree{position:absolute; left:55%;}
.user_form span.colthree{font-size:smaller;}
.user_form .dot{position:absolute; left:52%; font-weight:bold; font-size:larger;}
.user_form .button{position:absolute; right:5%; bottom:5%; /*border-style:none; width:75px; height:26px; */ cursor:pointer; }
.user_form a.button  { text-align:center;  text-decoration:none;}
/*.user_form#signup .button, .user_form#invitation .button, .user_form#renew_account_form .button {background:url(../images/button_green_normal.png) 0 0 no-repeat #e0f4c7;}
.user_form#signup .button#continue{background:url(../images/continue_normal.png) 0 0 no-repeat #e0f4c7;}
.user_form#signup .button#continue:hover{background:url(../images/continue_hover.png) 0 0 no-repeat #e0f4c7;}
.user_form#signup .button:hover, .user_form#renew_account_form .button:hover {background:url(../images/button_green_hover.png) 0 0 no-repeat #e0f4c7;}
.user_form#signup .button#edit-user-cancel, .user_form#renew_account_form .button#renew-cancel {background:url(../images/cancel_green_normal.png) 0 0 no-repeat #e0f4c7; right:20%;}
.user_form#signup .button#edit-user-cancel:hover, .user_form#renew_account_form .button#renew-cancel:hover {background:url(../images/cancel_green_hover.png) 0 0 no-repeat #e0f4c7;}
.user_form#invitation .button:hover{background:url(../images/button_green_hover.png) 0 0 no-repeat #e0f4c7;}
.user_form#login .button{background:url(../images/button_blue_normal.png) 0 0 no-repeat #e5f2f9;}
.user_form#login .button:hover{background:url(../images/button_blue_hover.png) 0 0 no-repeat #e5f2f9;}*/
.user_form#email_form {padding:10px; border:none;}
.user_form#mozes_form{border:none;}
.user_form#email_form #cancel_email, #mozes_form #cancel_mozes{position:absolute; right:5%; top:2%; cursor:pointer}
/*.user_form#email_form input, textarea{cursor:auto}
.user_form#email_form .button{background:url(../images/button_blue_normal.png) 0 0 no-repeat #e5f2f9;}
.user_form#email_form .button:hover{background:url(../images/button_blue_hover.png) 0 0 no-repeat #e5f2f9;} */
.user_form#email_form input{position:absolute; left:10px;}
.user_form .inner_wrapper {width:40%;margin:auto;position:relative;}
.pp_button {background:url(https://fpdbs.paypal.com/dynamicimageweb?cmd=_dynamic-image) 0 0 no-repeat;width:145px;height:42px;position:absolute; left:5%;border:none; cursor:pointer;}
.paypal_button {margin:15px 0; position:absolute; left:30%;}
.pdt_variables {border-collapse:collapse; border:1px solid lightgrey; width:60%;margin:auto;font-size:12px;}
.pdt_variables td {padding:5px;width:50%;border:1px solid lightgrey;}
/*Menu bar*/
#menubar{width:80%; height:20px; position:relative; top: 0; left:10%; margin-top:5px; margin-bottom:5px; z-index:5}
#main_menu{float:left;}
#tab_menu{float:right;}
#tab_menu .menuitem {/*float:left;*/}
.menuitem{padding:10px; font-weight:bold; font-size:smaller;}
.menuitem_hover{background-color: orange; cursor:pointer}
.menuitem#myreports{position: relative; right:5px;}
.menuitem#myreports span#err{position:absolute; top:30px; right:0px; text-align:center; width:100px; display:none; background-color: red;}
.menuitem#chart{position: relative; right:5px;}
.menuitem#chart .chattxtbox{position:absolute; left:45%; border: 1px solid #lightgrey;  width:145px;}
.menuitem#chart #gen-chart {position:relative; left:65%;  }

#alerts{position:absolute; left:30%; width:40%; text-align:center; background-color:orange; display:none;}

#drpdwn_reports{cursor:default; text-decoration:none; border: thin solid lightgrey; position:absolute; top:35px; left:0px; font-weight:normal; background-color: #d6edf9; text-align: left; width:400px;}
#drpdwn_reports li{width:395px; display:block; padding-left:5px; color:#000000;}
#drpdwn_reports li.li_hover{background-color: #6fcbfe;}
#drpdwn_reports li img.option{cursor:pointer; margin:5px 10px 0 10px;}
#drpdwn_reports li img.option_hover{background-color: #d6edf9;}

#chart_options{cursor:default; text-decoration:none; border: thin solid lightgrey; position:absolute; top:25px; left:0px; font-weight:normal; background-color: #d6edf9; text-align: left; width:300px; padding:25px 0 10px 10px}
#chart_options select{position:absolute; left:45%; width:150px;}
#chart_options span.label{position:absolute; left:5%;}
#chart_options .cancel{ cursor:pointer; position:absolute; right:2%; top:2%; }

#branding_options{cursor:default; /*height:160px;*/ display:none; text-decoration:none; border: thin solid lightgrey; position:absolute; top:25px; left:18%; font-weight:normal; background-color: #d6edf9;  width:500px; padding:5px; }
#branding_options .label{float:left; width:150px;margin-top:10px;padding-left:20px;}
#branding_options textarea{width:300px;margin-top:10px;}
#branding_options input{width:200px;margin-top:10px;}
#branding_options #cmy-image img {margin-top:10px;}
#branding_options a.button{position:absolute; right:2%;bottom:2%;}
#branding_options .alert-label-new,#branding_options .alert-label-exist {font-size:11px; color:#1F739F; }
#branding_options .cancel{ cursor:pointer; position:absolute; right:2%; top:2%; }
#branding_options #delete{ cursor:pointer; color:blue;}

#email_popup, #mozes_prefs{text-decoration:none; border: thin solid lightgrey; position:absolute; top:30%; left:30%; font-weight:normal; background-color: #d6edf9; text-align: left; width:500px; z-index: 3;}

#recipients li.recipient{cursor:pointer; padding:0 5px 0 5px}
#recipients li.recipient_hover{background-color: #6fcbfe;}

/* CONTENT PANEL */
#container {width:80%;margin:0 auto 10%;}
#tabPanel{/*position:relative; width:80%; top:0; left:10%;*/}
.contentPanelWrapper{position:relative; width:80%; top:0; left:10%; z-index:0}
.pageWrapper {position:relative; width:800px; z-index:0; margin:auto;}
.contentPanel{ /*background-color: #fff;*/ min-height:300px; position:relative; top:0; left:0; padding: 5px; overflow:auto; border: thin solid lightgrey; /*z-index:3;*/}

.contentPanel TABLE{margin:auto;}
/*.contentPanel TD.HEADER{font-family: "arial","verdana"; font-weight: bold; font-size: 11px; color: #505050;}
.contentPanel TD.SUBHEADER{font-family: "arial","verdana"; font-weight: bold; font-size: 11px; color: #505050;}
.contentPanel TD.FOOTER{font-family: "arial","verdana"; font-weight: bold; font-size: 11px; color: #505050; border-bottom:2px solid #fff;}
.contentPanel TD.ODD{font-family: "arial","verdana"; font-size: 11px; color: #000000; background: #ffffff;}
.contentPanel TD.FIELDS{font-family: "arial","verdana"; font-size: 11px; color: #000000;}
.contentPanel TD.BOLD{font-weight: bold;}*/
.time_chart {margin:0 auto 50px;}

/* dashboard & project summaries */
#my_r2b {padding:18px;}
#saved_reports, #active_projects {padding: 12px 25px;}
#accordion {margin-top:20px;}
#project_data, #project_milestones, #project_tasks { border-collapse: none; width:700px; margin:20px auto 0 auto; border:solid 1px #61bae7; border-collapse:collapse;}
#charts {background-image:none !important; background-color: #F2F5F7 !important;}
.charts-wrapper {margin:auto; /*width:960px;*/}
.charts-wrapper div {margin:auto;}
#charts_pdf {float:right;cursor:pointer;}
#charts_pdf:hover {text-decoration:underline;}
//#project_data th, #project_milestones th, #project_tasks th {text-align:left; background:#61bae7;}
#saved_reports .even, #saved_projects .even, #project_data .even, #project_milestones .even, #project_tasks .even {background:#c4dfed;}
#saved_reports td .option, #saved_projects td .option {width:16px; height:16px; margin:2px 10px; text-decoration:none; float:left;}
.view_report, .view_summary {text-decoration:none;}
.view_report img, .view_summary img {border:none;}
.report_area, .project_area {height:100px;width:100px;padding:10px;float:left;text-align:center;}
.options {width:90px;height:24px;margin:auto;visibility:hidden;}
.options li{float:left;cursor:pointer;list-style-image:none;list-style-position:outside;list-style-type:none;margin:2px;padding:4px;}

.report-pagin, .project-pagin, .chart-pagin { float:right;}
.report-pagin li, .project-pagin li, .chart-pagin li {float:left; cursor:pointer; list-style-image:none; list-style-position:outside; list-style-type:none; margin:2px;padding:5px;}
.pro-charts { height:200px; width:480px; margin: auto 0; };
/*.option {width:16px; height:16px; margin:2px 10px; text-decoration:none; float:left;}
.email_report {background: url(../images/email.gif) no-repeat;}
.edit_report {background: url(../images/edit.gif) no-repeat;}
.del_report {background: url(../images/delete.gif) no-repeat;}*/
#saved_reports td .option:hover, #saved_projects td .option:hover{background-color: #5da4c9;}
.behind-schedule {color:red}
.behind-note {margin: auto;}
.clear {clear:both;}
#main_menu .item-label, #main_menu .label { font-size:12px; }
 
/* admin controls for static pages */
.admin_controls {float:right; width:60px;}
.edit_page {background: url(../images/edit.gif) no-repeat;width:16px; height:16px;  margin:5px; text-decoration:none; float:left;}
.delete_page {background: url(../images/delete.gif) no-repeat;width:16px; height:16px; margin:5px; text-decoration:none; float:left;}


/* Table states
----------------------------------*/

.contentPanel TD.HEADER{background: #3baae3 url(cupertino/images/ui-bg_glass_50_3baae3_1x400.png) 50% 50% repeat-x; color:#ffffff; text-align:center; }
.contentPanel TD.STAT {text-align:right; font-size:0.8em;font-weight:bold;}
.ui-table,#pg1 {  border: #61bae7 solid 1px;  }
.ui-table-subheader{  background: #d7ebf9 url(cupertino/images/ui-bg_glass_80_d7ebf9_1x400.png) 20% 50% repeat-x; font-weight: bold; color: #237fae; outline: none; }
.ui-table-subheader:hover{  background: #3baae3 url(cupertino/images/ui-bg_glass_80_d7ebf9_1x400.png) 80% 50% repeat-x;font-weight:bold; }
.ui-table-groupheader,.FOOTER{ border-bottom: #206082 solid 1px; border-top: #a1bfcf solid 0px; font-weight: bold; color: #2779aa; outline: none; background: #f5f9f9 url(cupertino/images/ui-bg_highlight-hard_100_f2f5f7_1x100.png) 50% 50% repeat-x; }
.ui-table-groupheader:hover{ background: #f5f9f9 url(cupertino/images/ui-bg_highlight-soft_100_deedf7_1x100.png) 50% 50% repeat-x; }
//.ui-table-fields {  color: #000000;  }
.ui-table-fields {  background: url(../images/phpThumb_generated_thumbnailpng.png) 0% 60% repeat-x;  }
.ui-table-fields td { padding:3px 5px 3px 5px; }
.ui-table-fields:hover {  background: url(cupertino/images/ui-bg_highlight-soft_100_deedf7_1x100.png) 50% 50% repeat-x; outline: none;  }
.ui-table-odd {   background: url(../images/phpThumb_generated_thumbnailpng.png) 0% 60% repeat-x;  }
.ui-table-odd td { padding:3px 5px 3px 5px; }
.ui-table-odd:hover {  background: url(cupertino/images/ui-bg_highlight-soft_100_deedf7_1x100.png) 50% 50% repeat-x; outline: none;}

/*These are for variable report colors */
.contentPanel TD.SUBHEADER0{background:#baf16f;}
.contentPanel TD.SUBHEADER1{background:#247FE8;}
.contentPanel TD.SUBHEADER2{background:#FF6501;}
.contentPanel TD.SUBHEADER3{background:#91998C;}
.contentPanel TD.SUBHEADER4{background:#FF12FF;}

.contentPanel TD.FIELDS0{background:#ddffac;}
.contentPanel TD.FIELDS1{background:#C6E0FF;}
.contentPanel TD.FIELDS2{background:#FFE6D5;}
.contentPanel TD.FIELDS3{background:#D3DFCC;}
.contentPanel TD.FIELDS4{background:#FFD7FF;}
.contentPanel TD.FOOTER0{background:#baf16f;}
.contentPanel TD.FOOTER1{background:#247FE8;}
.contentPanel TD.FOOTER2{background:#FF6501;}
.contentPanel TD.FOOTER3{background:#91998C;}
.contentPanel TD.FOOTER4{background:#FF12FF;}

#colors{position:absolute; left:40%;}
.color_disp{margin-right:10px; cursor:pointer}
.color_disp_selected{border:solid;}
.color_disp#color0{background-color: #baf16f}
.color_disp#color1{background-color: #247FE8}
.color_disp#color2{background-color: #FF6501}
.color_disp#color3{background-color: #91998C}
.color_disp#color4{background-color: #FF12FF}

/*report sorting widget*/
div.col-header-wrapper{height:60px;}
div.sorters {display:block; margin:auto;}
div.sorters img{margin:3px; cursor:pointer}

.BANNERIMG { float:left; }
.BANNERTEXT { float: right; }

/* BODY PANEL*/
#bodyPanel{width:762px; position:relative; margin:0 auto 10px; padding:0;}
#bodyPanel h2{ background:#fff; display:block; width:600px; height:50px; margin:0; font:30px/30px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:4px 0 0 202px; color:#FF7113;}
#bodyPanel p{background:url(../images/symbol.jpg) 0 0 no-repeat #fff; margin:0 0 0 54px; padding:0 42px 35px 150px; color:#0F0F0F;}
#bodyPanel p span{font-weight:bold;}
#bodyPanel p.dotline{background:url(../images/dot-line.gif) 0 0 repeat-x #fff; padding:0; margin:0 40px 0 25px; color:#000;}
#bodyPanel p.capstext{background: url(../images/name.gif) bottom right no-repeat #fff; font:18px/24px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#555555; padding:2px 10px 0 25px ; margin:0 35px 10px 0; }
#bodyPanel p.more{height:26px; padding:0; background:none; margin:0;}
#bodyPanel p.more a{width:76px; height:26px; display:block; margin:314px 20px 19px 618px; background:url(../images/more.gif) 0 0 no-repeat #fff; color:#555; text-decoration:none; font:15px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 10px; text-transform:uppercase; position:absolute; top:0px; right:0px;}
#bodyPanel p.more a:hover{background:url(../images/more.gif) 0 0 no-repeat #fff; color:#216EBD; text-decoration:none;}
#bodyPanel h3{background:#fff; display:block; width:250px; height:34px; margin:34px 0 12px 0; font:30px/30px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0 0 0 20px; color:#FF7113;}
#bodyPanel #testimonial{width:283px; height:162px; display:block; background:url(../images/testimonial-bg.gif) 0 0 no-repeat #FFF6DB; padding:32px 33px 0 148px; margin:0 0 0 20px; color:#786321;}
#bodyPanel #testimonial p{background:none; margin:0; padding:0 0 5px 0;}
#bodyPanel #testimonial p span{color:#786321 !Important; background:#FFFAED !Important;}
#bodyPanel p.moretwo{height:26px; padding:0; background:none; margin:0;}
#bodyPanel p.moretwo a{width:76px; height:26px; display:block; margin:0px 0px 0px 196px; background:url(../images/more2.gif) 0 0 no-repeat #FFF5D6; color:#555; text-decoration:none; font:15px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 0 0 10px; top:0px; right:0px;}
#bodyPanel p.moretwo a:hover{background:url(../images/more2.gif) 0 0 no-repeat #FFF5D6; color:#216EBD; text-decoration:none;}
#bodyPanel h4{ background:#fff; width:250px; height:30px; position:absolute; top:361px; right:5px; margin:0; font:30px/30px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0px; color:#FF7113;}
#bodyPanel ul{width:225px; display:block; position:absolute; right:30px; top:405px; }
#bodyPanel ul li{font:12px/25px Arial, Helvetica, sans-serif; font-weight:normal; background:url(../images/symbol2.gif) 0 8px no-repeat; padding:0 0 0 30px;}
#bodyPanel ul span{ background:url(../images/dot-line.gif) repeat-x 0 100%; height:25px; display:block;}


/* FOOTER PANEL*/
#footerPanel{width:100%;  background:#DCDCDC; color:#4C4C4C; font-size:12px; position:relative; bottom:0;}
#footerbodyPanel{width:762px;height:133px; position:relative; margin:0 auto; padding:0;}
#footerPanel ul.links{width:350px; display:block; position:absolute; right:10px; top:33px; }
#footerPanel li{float:left; font:12px/15px Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPanel ul li a{padding:0 6px; color:#4C4C4C; background:#DCDCDC; text-decoration:none;}
#footerPanel ul li a:hover{text-decoration:underline;}
#footerPanel ul li a.padl{padding:0 0 0 6px;}
#footerPanel p.copyright{background:#DCDCDC; display:block; position:absolute; top:54px; right:45px; color:#A64200;}
#footerPanel ul.templateworld{width:158px; background:#DCDCDC; color:#4C4C4C; display:block; position:absolute; top:74px; right:40px;}
#footerPanel ul.templateworld li a{background:#DCDCDC; display:block; color:#4C4C4C; text-decoration:none;}
#footerPanel ul.templateworld li a:hover{text-decoration:underline;}

#footerhtmlPanel{ width:86px; height:31px; display:block; position:absolute; top:34px; left:29px; margin:0; padding:0;} 
#footerhtmlPanel a{ width:86px; height:31px; display:block; background:url(../images/html-img.gif) no-repeat 0 0 #DCDCDC; text-decoration:none; font:14px/31px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2F2F2F; text-transform:uppercase; padding:0 0 0 10px; position:absolute; top:0px; right:0px;}
#footerhtmlPanel a:hover{background:url(../images/html-img.gif) no-repeat 0 0 #DCDCDC; color:#216EBD; text-decoration:none; }
#footercssPanel{ width:86px; height:31px; display:block; position:absolute; top:34px; left:115px; margin:0; padding:0;} 
#footercssPanel a{ width:86px; height:31px; display:block; background:url(../images/css-img.gif) no-repeat 0 0 #DCDCDC; text-decoration:none; font:14px/31px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2F2F2F; text-transform:uppercase; padding:0 0 0 10px; position:absolute; top:0px; right:0px;}
#footercssPanel a:hover{background:url(../images/css-img.gif) no-repeat 0 0 #DCDCDC; color:#216EBD; text-decoration:none; }