/*
 * @author      : Johanna de Leon
 * @modified    : Tommy Castillo
 * @company     : OOiP Manila
 * @date        : May 5, 2010
 * @description : This css is included to main index.php file.
 *                This is the main style.
 */

html * { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-indent: 0; list-style: none; }
body, div, p, span, ul, li, img, form, input, select, h1, h2, h3, h4, h5, dl, dt, dd  { margin: 0; padding: 0; text-indent: 0; list-style: none; cursor: default; }
body { background: #3fa535 url(../images/body_bg.png) repeat-x; }
a { text-decoration: none; }
a img { border: none }
a: active { outline: none; }
a: focus { -moz-outline-style: none; }

/*body { background: #c1e3f2; }*/

#wrapper { width: 1050px; margin: 10px auto 0; }
#content_wrapper { width: 1050px; margin: 0 auto; }

#header { display: inline-block; width: 100%; }
#header .header_left { float: left; display: inline-block; }
#header .header_left .plate { width: 166px; float: left; display: inline-block; margin-top: 55px; margin-left: 63px; }
#header .header_mid { float: left; display: inline-block; }
#header .header_mid .login_details { display: block; }
#header .header_mid .login_details span { color: white; font-size: 14px; font-weight: bold; }
#header .header_mid .login_details span a { color: #083376; text-decoration: underline; }
#header .header_mid .path { display: block; margin-top: 80px; }
#header .header_mid .path a  { color: #999; font-size: 14px; font-weight: bold; text-decoration: underline; }
#header .header_mid .path span  { color: #999; font-size: 14px; font-weight: bold; }
#header .header_right { float: right; display: inline-block; }
#header .header_right .logo { width: 351px; float: right; display: inline-block; margin-top: 30px; }

#main_container { display: block; margin-top: 10px; }
#main_container .main_container_top { display: inline-block; background: url(../images/main_container_top.png) no-repeat; width: 1050px; height: 15px; float: left; }
#main_container .main_container_stretch { display: inline-block; background: url(../images/main_container_tile.png) repeat-y; float: left; min-height: 430px; width: 1050px; *margin-top: -3px; }
#main_container .main_container_bottom { display: inline-block;  background: url(../images/main_container_bottom.png) no-repeat; width: 1050px; height: 11px; float: left; margin-bottom: 20px; }

.left_menu_panel { float: left; display: inline-block; width: 200px; padding-left: 18px; }

.left_menu_panel .download_pdf { margin-top: 30px; margin-left: 14px; }
.left_menu_panel .download_pdf a img { cursor: pointer; }
.left_menu_panel .download_pdf a .link_to_download { margin-left: 12px; font-size: 13px; font-weight: bold; cursor: pointer; color: #083376; }
.left_menu_panel .download_pdf a .link_to_download:hover  { text-decoration: underline; }

.left_menu_panel a.home  {  }
.left_menu_panel span.blur { color: #C1C6D1; font-weight: bold; font-size: 13px; }

.left_menu_panel a.home span:hover { text-decoration: underline; }
.left_menu_panel a.home span { color: #083376; font-weight: bold; font-size: 14px; cursor: pointer; }
 
.left_menu_panel ul.navigation { width: 100%; display: inline-block; margin-top: 30px; }

.left_menu_panel ul.navigation li { width: 198px; display: inline-block; margin-bottom: 15px; }

.left_menu_panel ul.navigation li a { padding-left: 35px; }

.left_menu_panel ul.navigation li a span { color: #083376; font-weight: bold; font-size: 13px; cursor: pointer; }
.left_menu_panel ul.navigation li a:hover span { color: #083376; font-weight: bold; font-size: 13px; }
.left_menu_panel ul.navigation li a.active span  { color: #083376; font-weight: bold; font-size: 13px; }

.left_menu_panel ul.navigation li.disable_menu1 { background: url(../images/blue_circle.png) no-repeat; display: inline-block; height: 24px; opacity: 0.2; filter: alpha(opacity=20); padding-left: 35px; color: #083376; font-weight: bold; font-size: 13px; max-width: 180px; }
.left_menu_panel ul.navigation li.disable_menu2 { background: url(../images/blue_circle.png) no-repeat; display: inline-block; height: 24px; opacity: 0.2; filter: alpha(opacity=20); padding-left: 35px; color: #083376; font-weight: bold; font-size: 13px; max-width: 180px; }
.left_menu_panel ul.navigation li.disable_menu3 { background: url(../images/blue_circle.png) no-repeat; display: inline-block; height: 24px; opacity: 0.2; filter: alpha(opacity=20); padding-left: 35px; color: #083376; font-weight: bold; font-size: 13px; max-width: 180px; }
.left_menu_panel ul.navigation li.disable_menu4 { background: url(../images/blue_circle.png) no-repeat; display: inline-block; height: 48px; opacity: 0.2; filter: alpha(opacity=20); padding-left: 35px; color: #083376; font-weight: bold; font-size: 13px; max-width: 180px; }
.left_menu_panel ul.navigation li.disable_menu5 { background: url(../images/blue_circle.png) no-repeat; display: inline-block; height: 24px; opacity: 0.2; filter: alpha(opacity=20); padding-left: 35px; color: #083376; font-weight: bold; font-size: 13px; max-width: 180px; }
.left_menu_panel ul.navigation li.disable_menu6 { background: url(../images/blue_circle.png) no-repeat; display: inline-block; height: 48px; opacity: 0.2; filter: alpha(opacity=20); padding-left: 35px; color: #083376; font-weight: bold; font-size: 13px; max-width: 165px; *width: 100px; }
.left_menu_panel ul.navigation li.disable_menu7 { background: url(../images/blue_circle.png) no-repeat; display: inline-block; height: 24px; opacity: 0.2; filter: alpha(opacity=20); padding-left: 35px; color: #083376; font-weight: bold; font-size: 13px; max-width: 180px; }
.left_menu_panel ul.navigation li.disable_menu8 { background: url(../images/blue_circle.png) no-repeat; display: inline-block; height: 24px; opacity: 0.2; filter: alpha(opacity=20); padding-left: 35px; color: #083376; font-weight: bold; font-size: 13px; max-width: 180px; }

.left_menu_panel ul.navigation li a.menu1 { background: url(../images/blue_circle.png) no-repeat; display: inline-block; width: 180px; height: 26px; }
.left_menu_panel ul.navigation li a.menu2 { background: url(../images/blue_circle.png) no-repeat; display: inline-block; width: 180px; height: 26px; }
.left_menu_panel ul.navigation li a.menu3 { background: url(../images/blue_circle.png) no-repeat; display: inline-block; width: 180px; height: 26px; }
.left_menu_panel ul.navigation li a.menu4 { background: url(../images/blue_circle.png) no-repeat; display: inline-block; width: 150px; height: 48px; padding-right: 30px; }
.left_menu_panel ul.navigation li a.menu5 { background: url(../images/blue_circle.png) no-repeat; display: inline-block; width: 180px; height: 26px; }
.left_menu_panel ul.navigation li a.menu6 { background: url(../images/blue_circle.png) no-repeat; display: inline-block; width: 150px; height: 48px; padding-right: 30px; }
.left_menu_panel ul.navigation li a.menu7 { background: url(../images/blue_circle.png) no-repeat; display: inline-block; width: 180px; height: 26px; }
.left_menu_panel ul.navigation li a.menu8 { background: url(../images/blue_circle.png) no-repeat; display: inline-block; width: 180px; height: 26px; }

.left_menu_panel ul.navigation li a.menu1:hover { background: url(../images/pink_circle.png) no-repeat; display: inline-block; width: 180px; height: 26px; }
.left_menu_panel ul.navigation li a.menu2:hover { background: url(../images/pink_circle.png) no-repeat; display: inline-block; width: 180px; height: 26px; }
.left_menu_panel ul.navigation li a.menu3:hover { background: url(../images/pink_circle.png) no-repeat; display: inline-block; width: 180px; height: 26px; }
.left_menu_panel ul.navigation li a.menu4:hover { background: url(../images/pink_circle.png) no-repeat; display: inline-block; width: 150px; height: 48px; padding-right: 30px; }
.left_menu_panel ul.navigation li a.menu5:hover { background: url(../images/pink_circle.png) no-repeat; display: inline-block; width: 180px; height: 26px; }
.left_menu_panel ul.navigation li a.menu6:hover { background: url(../images/pink_circle.png) no-repeat; display: inline-block; width: 150px; height: 48px; padding-right: 30px; }
.left_menu_panel ul.navigation li a.menu7:hover { background: url(../images/pink_circle.png) no-repeat; display: inline-block; width: 180px; height: 26px; }
.left_menu_panel ul.navigation li a.menu8:hover { background: url(../images/pink_circle.png) no-repeat; display: inline-block; width: 180px; height: 26px; }

.left_menu_panel ul.navigation li a.menu1.active { background: url(../images/pink_circle.png) no-repeat; display: inline-block; width: 180px; height: 26px; }
.left_menu_panel ul.navigation li a.menu2.active { background: url(../images/pink_circle.png) no-repeat; display: inline-block; width: 180px; height: 26px; }
.left_menu_panel ul.navigation li a.menu3.active { background: url(../images/pink_circle.png) no-repeat; display: inline-block; width: 180px; height: 26px; }
.left_menu_panel ul.navigation li a.menu4.active { background: url(../images/pink_circle.png) no-repeat; display: inline-block; width: 150px; height: 48px; padding-right: 30px; }
.left_menu_panel ul.navigation li a.menu5.active { background: url(../images/pink_circle.png) no-repeat; display: inline-block; width: 180px; height: 26px; }
.left_menu_panel ul.navigation li a.menu6.active { background: url(../images/pink_circle.png) no-repeat; display: inline-block; width: 150px; height: 48px; padding-right: 30px; }
.left_menu_panel ul.navigation li a.menu7.active { background: url(../images/pink_circle.png) no-repeat; display: inline-block; width: 180px; height: 26px; }
.left_menu_panel ul.navigation li a.menu8.active { background: url(../images/pink_circle.png) no-repeat; display: inline-block; width: 180px; height: 26px; }

.graph_btns_container { height: 36px; margin-top: 20px; }
.graph_container  { display: inline-block; }
.graph_container .desc { position: absolute; z-index: 20; color: #fff; font-size: 13px; font-weight: bold; margin-top: 9px; margin-left: 370px; *margin-left: -50px; width: 130px; }
.graph_container .main_graph_container  { float: left; display: inline-block; }
.graph_container .main_graph_container .graph_bar { position: relative; height: 33px; width: 500px; display: inline-block; background: url(../images/graph_container.png) no-repeat; }
.graph_container .main_graph_container .graph_bar .bar { background: url(../images/graph_bar.png) repeat-x; height: 33px; display: inline-block; }

.graph_container .main_graph_container .graph_bar .bar.bar0 { width: 0% }
.graph_container .main_graph_container .graph_bar .bar.bar1 { width: 1% }
.graph_container .main_graph_container .graph_bar .bar.bar2 { width: 2% }
.graph_container .main_graph_container .graph_bar .bar.bar3 { width: 3% }
.graph_container .main_graph_container .graph_bar .bar.bar4 { width: 4% } 
.graph_container .main_graph_container .graph_bar .bar.bar5 { width: 5% }
.graph_container .main_graph_container .graph_bar .bar.bar6 { width: 6% }
.graph_container .main_graph_container .graph_bar .bar.bar7 { width: 7% }
.graph_container .main_graph_container .graph_bar .bar.bar8 { width: 8% }
.graph_container .main_graph_container .graph_bar .bar.bar9 { width: 9% }
.graph_container .main_graph_container .graph_bar .bar.bar10 { width: 10% }
.graph_container .main_graph_container .graph_bar .bar.bar11 { width: 11% }
.graph_container .main_graph_container .graph_bar .bar.bar12 { width: 12% }
.graph_container .main_graph_container .graph_bar .bar.bar13 { width: 13% }
.graph_container .main_graph_container .graph_bar .bar.bar14 { width: 14% }
.graph_container .main_graph_container .graph_bar .bar.bar15 { width: 15% }
.graph_container .main_graph_container .graph_bar .bar.bar16 { width: 16% }
.graph_container .main_graph_container .graph_bar .bar.bar17 { width: 17% }
.graph_container .main_graph_container .graph_bar .bar.bar18 { width: 18% }
.graph_container .main_graph_container .graph_bar .bar.bar19 { width: 19% }
.graph_container .main_graph_container .graph_bar .bar.bar20 { width: 20% }
.graph_container .main_graph_container .graph_bar .bar.bar21 { width: 21% }
.graph_container .main_graph_container .graph_bar .bar.bar22 { width: 22% }
.graph_container .main_graph_container .graph_bar .bar.bar23 { width: 23% }
.graph_container .main_graph_container .graph_bar .bar.bar24 { width: 24% }
.graph_container .main_graph_container .graph_bar .bar.bar25 { width: 25% }
.graph_container .main_graph_container .graph_bar .bar.bar26 { width: 26% }
.graph_container .main_graph_container .graph_bar .bar.bar27 { width: 27% }
.graph_container .main_graph_container .graph_bar .bar.bar28 { width: 28% }
.graph_container .main_graph_container .graph_bar .bar.bar29 { width: 29% }
.graph_container .main_graph_container .graph_bar .bar.bar30 { width: 30% }
.graph_container .main_graph_container .graph_bar .bar.bar31 { width: 31% }
.graph_container .main_graph_container .graph_bar .bar.bar32 { width: 32% }
.graph_container .main_graph_container .graph_bar .bar.bar33 { width: 33% }
.graph_container .main_graph_container .graph_bar .bar.bar34 { width: 34% }
.graph_container .main_graph_container .graph_bar .bar.bar35 { width: 35% }
.graph_container .main_graph_container .graph_bar .bar.bar36 { width: 36% }
.graph_container .main_graph_container .graph_bar .bar.bar37 { width: 37% }
.graph_container .main_graph_container .graph_bar .bar.bar38 { width: 38% }
.graph_container .main_graph_container .graph_bar .bar.bar39 { width: 39% }
.graph_container .main_graph_container .graph_bar .bar.bar40 { width: 40% }
.graph_container .main_graph_container .graph_bar .bar.bar41 { width: 41% }
.graph_container .main_graph_container .graph_bar .bar.bar42 { width: 42% }
.graph_container .main_graph_container .graph_bar .bar.bar43 { width: 43% }
.graph_container .main_graph_container .graph_bar .bar.bar44 { width: 44% }
.graph_container .main_graph_container .graph_bar .bar.bar45 { width: 45% }
.graph_container .main_graph_container .graph_bar .bar.bar46 { width: 46% }
.graph_container .main_graph_container .graph_bar .bar.bar47 { width: 47% }
.graph_container .main_graph_container .graph_bar .bar.bar48 { width: 48% }
.graph_container .main_graph_container .graph_bar .bar.bar49 { width: 49% }
.graph_container .main_graph_container .graph_bar .bar.bar50 { width: 50% }
.graph_container .main_graph_container .graph_bar .bar.bar51 { width: 51% }
.graph_container .main_graph_container .graph_bar .bar.bar52 { width: 52% }
.graph_container .main_graph_container .graph_bar .bar.bar53 { width: 53% }
.graph_container .main_graph_container .graph_bar .bar.bar54 { width: 54% }
.graph_container .main_graph_container .graph_bar .bar.bar55 { width: 55% }
.graph_container .main_graph_container .graph_bar .bar.bar56 { width: 56% }
.graph_container .main_graph_container .graph_bar .bar.bar57 { width: 57% }
.graph_container .main_graph_container .graph_bar .bar.bar58 { width: 58% }
.graph_container .main_graph_container .graph_bar .bar.bar59 { width: 59% }
.graph_container .main_graph_container .graph_bar .bar.bar60 { width: 60% }
.graph_container .main_graph_container .graph_bar .bar.bar61 { width: 61% }
.graph_container .main_graph_container .graph_bar .bar.bar62 { width: 62% }
.graph_container .main_graph_container .graph_bar .bar.bar63 { width: 63% }
.graph_container .main_graph_container .graph_bar .bar.bar64 { width: 64% }
.graph_container .main_graph_container .graph_bar .bar.bar65 { width: 65% }
.graph_container .main_graph_container .graph_bar .bar.bar66 { width: 66% }
.graph_container .main_graph_container .graph_bar .bar.bar67 { width: 67% }
.graph_container .main_graph_container .graph_bar .bar.bar68 { width: 68% }
.graph_container .main_graph_container .graph_bar .bar.bar69 { width: 69% }
.graph_container .main_graph_container .graph_bar .bar.bar70 { width: 70% }
.graph_container .main_graph_container .graph_bar .bar.bar71 { width: 71% }
.graph_container .main_graph_container .graph_bar .bar.bar72 { width: 72% }
.graph_container .main_graph_container .graph_bar .bar.bar73 { width: 73% }
.graph_container .main_graph_container .graph_bar .bar.bar74 { width: 74% }
.graph_container .main_graph_container .graph_bar .bar.bar75 { width: 75% }
.graph_container .main_graph_container .graph_bar .bar.bar76 { width: 76% }
.graph_container .main_graph_container .graph_bar .bar.bar77 { width: 77% }
.graph_container .main_graph_container .graph_bar .bar.bar78 { width: 78% }
.graph_container .main_graph_container .graph_bar .bar.bar79 { width: 79% }
.graph_container .main_graph_container .graph_bar .bar.bar80 { width: 80% }
.graph_container .main_graph_container .graph_bar .bar.bar81 { width: 81% }
.graph_container .main_graph_container .graph_bar .bar.bar82 { width: 82% }
.graph_container .main_graph_container .graph_bar .bar.bar83 { width: 83% }
.graph_container .main_graph_container .graph_bar .bar.bar84 { width: 84% }
.graph_container .main_graph_container .graph_bar .bar.bar85 { width: 85% }
.graph_container .main_graph_container .graph_bar .bar.bar86 { width: 86% }
.graph_container .main_graph_container .graph_bar .bar.bar87 { width: 87% }
.graph_container .main_graph_container .graph_bar .bar.bar88 { width: 88% }
.graph_container .main_graph_container .graph_bar .bar.bar89 { width: 89% }
.graph_container .main_graph_container .graph_bar .bar.bar90 { width: 90% }
.graph_container .main_graph_container .graph_bar .bar.bar91 { width: 91% }
.graph_container .main_graph_container .graph_bar .bar.bar92 { width: 92% }
.graph_container .main_graph_container .graph_bar .bar.bar93 { width: 93% }
.graph_container .main_graph_container .graph_bar .bar.bar94 { width: 94% }
.graph_container .main_graph_container .graph_bar .bar.bar95 { width: 95% }
.graph_container .main_graph_container .graph_bar .bar.bar96 { width: 96% }
.graph_container .main_graph_container .graph_bar .bar.bar97 { width: 97% }
.graph_container .main_graph_container .graph_bar .bar.bar98 { width: 98% }
.graph_container .main_graph_container .graph_bar .bar.bar99 { width: 99% }
.graph_container .main_graph_container .graph_bar .bar.bar100 { width: 100% }

ul.btns_containerORG { display: inline-block; margin-left: 10px; *margin-top: -33px; width: 220px; float: right; }
ul.btns_container { display: inline-block; margin-top: 10px; margin-left: 0px; *margin-top: -33px; width: 220px; }
ul.btns_container li { display: inline-block; float: left; margin-left: 5px; }
ul.btns_container li a.previous { background: url(../images/previous_btn.png) no-repeat; width: 97px; height: 33px; display: inline-block; }
ul.btns_container li a.next { background: url(../images/next_btn.png) no-repeat; width: 97px; height: 33px; display: inline-block; }

ul.buttons_container { display: inline-block; float: right; margin-top: 20px; }
ul.buttons_container li { display: inline-block; float: left; margin-left: 10px; }
ul.buttons_container li a.previous { background: url(../images/previous_btn.png) no-repeat; width: 97px; height: 33px; display: inline-block; }
ul.buttons_container li a.next { background: url(../images/next_btn.png) no-repeat; width: 97px; height: 33px; display: inline-block; }

.right_content_panel { float: left; display: inline-block; width: 772px; margin-left: 45px; }
.right_content_panel .content_main_container { display: inline-block; margin-top: 20px; }
.right_content_panel .content_main_container .page_head { display: inline-block; width: 100%; }

.right_content_panel .content_main_container .page_head span.welcome { color: #083376; font-size: 20px; font-weight: normal; }
.right_content_panel .content_main_container .page_head span.menu1 { color: #083376; font-size: 20px; font-weight: normal; }
.right_content_panel .content_main_container .page_head span.menu2 { color: #083376; font-size: 20px; font-weight: normal; }
.right_content_panel .content_main_container .page_head span.menu3 { color: #083376; font-size: 20px; font-weight: normal; }
.right_content_panel .content_main_container .page_head span.menu4 { color: #083376; font-size: 20px; font-weight: normal; }
.right_content_panel .content_main_container .page_head span.menu5 { color: #083376; font-size: 20px; font-weight: normal; }
.right_content_panel .content_main_container .page_head span.menu6 { color: #083376; font-size: 20px; font-weight: normal; }
.right_content_panel .content_main_container .page_head span.menu7 { color: #083376; font-size: 20px; font-weight: normal; }
.right_content_panel .content_main_container .page_head span.menu8 { color: #083376; font-size: 20px; font-weight: normal; }

.right_content_panel .content_main_container .checklist { display: inline-block; margin-bottom: 20px; }
.right_content_panel .content_main_container .checklist ul { display: inline-block; }
.right_content_panel .content_main_container .checklist ul li { display: inline-block; margin-top: 10px; margin-right: 13px; padding: 6px 0 0 10px; float: left; cursor: pointer; }
.right_content_panel .content_main_container .checklist ul li span { font-size: 14px; font-weight: bold; color: #fff; cursor: pointer; }
.right_content_panel .content_main_container .checklist ul li.menu1 { background: url(../images/right_menu.png) no-repeat; display: inline-block; width: 355px; height: 29px; }
.right_content_panel .content_main_container .checklist ul li.menu2  { background: url(../images/right_menu.png) no-repeat; display: inline-block; width: 355px; height: 29px; }
.right_content_panel .content_main_container .checklist ul li.menu3  { background: url(../images/right_menu.png) no-repeat; display: inline-block; width: 355px; height: 29px; }
.right_content_panel .content_main_container .checklist ul li.menu4  { background: url(../images/right_menu.png) no-repeat; display: inline-block; width: 355px; height: 29px; }
.right_content_panel .content_main_container .checklist ul li.menu5  { background: url(../images/right_menu.png) no-repeat; display: inline-block; width: 355px; height: 29px; }
.right_content_panel .content_main_container .checklist ul li.menu6  { background: url(../images/right_menu.png) no-repeat; display: inline-block; width: 355px; height: 29px; }
.right_content_panel .content_main_container .checklist ul li.menu7  { background: url(../images/right_menu.png) no-repeat; display: inline-block; width: 355px; height: 29px; }
.right_content_panel .content_main_container .checklist ul li.menu8  { background: url(../images/right_menu.png) no-repeat; display: inline-block; width: 355px; height: 29px; }

.right_content_panel .content_main_container .checklist ul li.menu1.taken  { background: url(../images/right_menu_hover.png) no-repeat; display: inline-block; width: 355px; height: 29px; }
.right_content_panel .content_main_container .checklist ul li.menu2.taken  { background: url(../images/right_menu_hover.png) no-repeat; display: inline-block; width: 355px; height: 29px; }
.right_content_panel .content_main_container .checklist ul li.menu3.taken  { background: url(../images/right_menu_hover.png) no-repeat; display: inline-block; width: 355px; height: 29px; }
.right_content_panel .content_main_container .checklist ul li.menu4.taken  { background: url(../images/right_menu_hover.png) no-repeat; display: inline-block; width: 355px; height: 29px; }
.right_content_panel .content_main_container .checklist ul li.menu5.taken  { background: url(../images/right_menu_hover.png) no-repeat; display: inline-block; width: 355px; height: 29px; }
.right_content_panel .content_main_container .checklist ul li.menu6.taken  { background: url(../images/right_menu_hover.png) no-repeat; display: inline-block; width: 355px; height: 29px; }
.right_content_panel .content_main_container .checklist ul li.menu7.taken  { background: url(../images/right_menu_hover.png) no-repeat; display: inline-block; width: 355px; height: 29px; }
.right_content_panel .content_main_container .checklist ul li.menu8.taken  { background: url(../images/right_menu_hover.png) no-repeat; display: inline-block; width: 355px; height: 29px; }

.right_content_panel .content_main_container .main_content { display: inline-block; margin-top: 20px; width: 100%; }

.right_content_panel .content_main_container .main_content .content { display: inline-block; width: 100%; color: #000; font-size: 14px; font-weight: normal; line-height: 20px; }
.right_content_panel .content_main_container .main_content .content p span.log_fail { margin-right: 150px; margin-bottom: 10px; float: right; width: 400px; text-align: right; color: #FF0000; }

.right_content_panel .content_main_container .main_content .content .login_form { display: inline-block; float: right; margin-right: 45px; *margin-right: 15px; margin-bottom: 10px; }
.right_content_panel .content_main_container .main_content .content .login_form span { font-size: 20px; font-weight: normal; margin-top: 5px; margin-right: 10px; display: inline-block; float: left; }
.right_content_panel .content_main_container .main_content .content .login_form input.text { width: 200px; height: 32px; border: #000 solid 1px; margin-right: 10px; display: inline-block; float: left; cursor: text; *line-height: 30px; }
.right_content_panel .content_main_container .main_content .content .login_form input.submit { background: url(../images/login_btn.png) no-repeat; display: inline-block; width: 100px; height: 35px; border: none; display: inline-block; float: left; cursor: pointer; }

.right_content_panel .content_main_container .main_content .content p span.admin_log_fail { margin-right: 0px; margin-bottom: 10px; float: right; width: 400px; text-align: right; color: #FF0000; }
.right_content_panel .content_main_container .main_content .content .admin_login_form { width: 50%; float: right; }
.right_content_panel .content_main_container .main_content .content .admin_login_form span.username { width: 50%; font-size: 20px; font-weight: normal; margin-bottom: 10px; margin-right: 10px; display: inline-block; float: left; }
.right_content_panel .content_main_container .main_content .content .admin_login_form span.password { width: 50%; font-size: 20px; font-weight: normal; margin-bottom: 10px; margin-right: 10px; display: inline-block; float: left; }
.right_content_panel .content_main_container .main_content .content .admin_login_form input.admin_text { width: 42%; height: 32px; border: #000 solid 1px; margin-bottom: 10px; margin-right: 10px; display: inline-block; float: left; cursor: text; *line-height: 30px; }
.right_content_panel .content_main_container .main_content .content .admin_login_form .admin_submit { background: url(../images/login_btn.png) no-repeat; display: inline-block; margin-right: 15px; width: 100px; height: 35px; border: none; display: inline-block; float: right; cursor: pointer; }

.right_content_panel .content_main_container .main_content .content p { margin-right: 20px; display: inline-block; color: #000; font-size: 14px; font-weight: normal; line-height: 20px; width: 96%; }

.right_content_panel .content_main_container .main_content .content p a { text-decoration: none; color:blue; }
.right_content_panel .content_main_container .main_content .content p a:hover { text-decoration: underline; }

.right_content_panel .content_main_container .main_content .content p img { position: relative; display: inline-block; float: left; margin-right: 30px; margin-bottom: 10px; }
.right_content_panel .content_main_container .main_content .content p img.img_20_below { margin-bottom: 20px; }

.right_content_panel .content_main_container .main_content .content p span.basic { color: #083376; font-weight: bold; }

.right_content_panel .content_main_container .main_content .content p span.box { width: 100%; margin-top: 10px; margin-bottom: 20px; padding: 10px; border-style: solid; float: left; }

.right_content_panel .content_main_container .main_content .content p span.self_test { display: block; font-size: 25px; line-height: 35px; height: 120px; }

.right_content_panel .content_main_container .main_content .content span.new_row_50 { width: 50%; float: left; }
.right_content_panel .content_main_container .main_content .content span.new_row_50_x_200 { width: 50%; height: 200px; float: left; }
.right_content_panel .content_main_container .main_content .content span.new_row_100 { width: 100%; float: left; }
.right_content_panel .content_main_container .main_content .content p span.new_row_62_right { width: 62%; float: right; margin-right: 3px; }

.right_content_panel .content_main_container .main_content .content p span.numbering { width: 100%; margin-left: 30px; margin-bottom: 30px; float: left; }
.right_content_panel .content_main_container .main_content .content p span.numbering ol { list-style-type: decimal; }
.right_content_panel .content_main_container .main_content .content p span.numbering ol li.row_number { list-style-type: decimal; }

.right_content_panel .content_main_container .main_content .content p span.bullet_line { width: 95%; margin-left: 30px; margin-top: 2px; margin-bottom: 2px; float: left; }
.right_content_panel .content_main_container .main_content .content p span.bullet_line img { float: none; margin-bottom: 0px; margin-right: 5px; position: inherit; }
.right_content_panel .content_main_container .main_content .content p span.bullet_line_end { width: 95%; margin-left: 30px; margin-top: 2px; margin-bottom: 20px; float: left; }
.right_content_panel .content_main_container .main_content .content p span.bullet_line_end img { float: none; margin-bottom: 0px; margin-right: 5px; position: inherit; }

.right_content_panel .content_main_container .main_content .content p span.spreadsheet_230 { float: left; position: relative; width: 230px; }
.right_content_panel .content_main_container .main_content .content p span.spreadsheet_320 { float: left; position: relative; width: 320px; }
.right_content_panel .content_main_container .main_content .content p span.spreadsheet_230_right { margin-right: 275px; *margin-right: 268px; float: right; position: relative; width: 230px; }
.right_content_panel .content_main_container .main_content .content p span.spreadsheet_320_right { margin-right: 145px; float: right; position: relative; width: 320px; }
.right_content_panel .content_main_container .main_content .content p span.spreadsheet_full { float: left; position: relative; width: 100%; margin-bottom: 20px; }
.right_content_panel .content_main_container .main_content .content p span.row_150 { float: left; height: 20px; width: 152px; }
.right_content_panel .content_main_container .main_content .content p span.row_250 { float: left; height: 20px; width: 250px; }
.right_content_panel .content_main_container .main_content .content p span.row_80_right { float: left; height: 20px; width: 80px; text-align: right; }
.right_content_panel .content_main_container .main_content .content p span.row_160_right { float: left; height: 20px; width: 160px; text-align: right; }

.right_content_panel .content_main_container .main_content .content p .red_font { color: #FF0000; }

.right_content_panel .content_main_container .main_content .content p .video_full { width: 750px; height: 435px; margin-bottom: 20px; }

.right_content_panel .content_main_container .main_content .content .image_box { float: left; position: relative; margin-right: 20px; margin-bottom: 25px; width: 235px; }
.right_content_panel .content_main_container .main_content .content .image_label { font-weight:bold; width: inherit; padding-bottom: 0px; line-height: 14px; text-align: right; display: block; *width: 235px; }

.right_content_panel .content_main_container .main_content .content .image_feedback_box { float: left; display: inline-block; *display: block; position: relative; width: 250px; *width: 235px; *margin-right: 20px; }
.right_content_panel .content_main_container .main_content .content .image_feedback_box .image_label { padding-bottom: 0px; line-height: 15px; text-align: right; width: 235px; margin-bottom: 20px; }
.right_content_panel .content_main_container .main_content .content .image_feedback_box .image_border_none { position: absolute; border: none; cursor: default; }
.right_content_panel .content_main_container .main_content .content .image_feedback_box .image_border_green { position: absolute; border: 10px solid #008000; min-height: 137px; max-height: 137px; min-width: 215px; max-width: 215px; *height: 137px; *width: 215px; }
.right_content_panel .content_main_container .main_content .content .image_feedback_box .image_border_red { position: absolute; border: 10px solid #FF0000; min-height: 137px; max-height: 137px; min-width: 215px; max-width: 215px; *height: 137px; *width: 215px; }

.right_content_panel .content_main_container .main_content .content .merge { display: inline-block; width: 251px; float: left; }
.right_content_panel .content_main_container .main_content .content .merge .gap  { float: left; height: 20px; width: 100px; }
.right_content_panel .content_main_container .main_content .content .merge .indent_left  { margin-left: 20px; }

.right_content_panel .content_main_container .main_content .content .merge ul.column { display: inline-block; width: 250px; float: left; }
.right_content_panel .content_main_container .main_content .content .merge ul.column li { display: inline-block; width: 100%; margin-bottom: 3px; }
.right_content_panel .content_main_container .main_content .content .merge ul.column li span.column_head  { color: #083376; font-size: 16px; font-weight: bold; font-style: italic; }
.right_content_panel .content_main_container .main_content .content .merge ul.column li label  { }
.right_content_panel .content_main_container .main_content .content .merge ul.column li label input {  margin-right: 5px; }
.right_content_panel .content_main_container .main_content .content .merge ul.column li label span { color: #000; display: inline-block; font-size: 14px; font-weight: normal; cursor: pointer; }

.right_content_panel .content_main_container .main_content .content .images_container { display: block; width: 100%; }
.right_content_panel .content_main_container .main_content .content .images_container .image_box { float: left; position: relative; margin-bottom: 20px; width: 235px; }
.right_content_panel .content_main_container .main_content .content .images_container .image_box_no_desc { float: left; position: relative; margin-right: 20px; margin-bottom: 20px; }
.right_content_panel .content_main_container .main_content .content .images_container .image_border_none { position: absolute; border: none; cursor: default; }
.right_content_panel .content_main_container .main_content .content .images_container .image_arrow { position: static; }
.right_content_panel .content_main_container .main_content .content .images_container .image_point { position: static; cursor: pointer; }
.right_content_panel .content_main_container .main_content .content .images_container .image_label { font-weight:bold; width: 205px; margin-left: 30px; margin-right: -30px; padding-bottom: 0px; line-height: 15px; text-align: right; display: block; }

.right_content_panel .content_main_container .main_content .content .image_pick { display: block; width: 100%; }
.right_content_panel .content_main_container .main_content .content .image_pick .image_box { float: left; position: relative; margin-bottom: 20px; width: 235px; *width: 255px; *margin-right: 0px; }
.right_content_panel .content_main_container .main_content .content .image_pick .image_border_none { position: absolute; border: none; cursor: default; }
.right_content_panel .content_main_container .main_content .content .image_pick .image_border_green { position: absolute; border: 10px solid #008000; min-height: 137px; max-height: 137px; min-width: 215px; max-width: 215px; *height: 137px; *width: 215px; }
.right_content_panel .content_main_container .main_content .content .image_pick .image_border_red { position: absolute; border: 10px solid #FF0000; min-height: 137px; max-height: 137px; min-width: 215px; max-width: 215px; *height: 137px; *width: 215px; }
.right_content_panel .content_main_container .main_content .content .image_pick .image_arrow { position: static; }
.right_content_panel .content_main_container .main_content .content .image_pick .image_point { position: static; cursor: pointer; }
.right_content_panel .content_main_container .main_content .content .image_pick .image_label { width: 205px; margin-left: 30px; margin-right: -30px; padding-bottom: 0px; line-height: 15px; text-align: right; display: block; }

.right_content_panel .content_main_container .main_content .content .image_center { margin: 0 auto; width: 100%; overflow: auto; }
.right_content_panel .content_main_container .main_content .content .image_center .example { position: relative; float: left; margin: 10px 10px; }
.right_content_panel .content_main_container .main_content .content .image_center .example_left { position: relative; float: left; margin: 10px 10px; margin-left: 115px; }
.right_content_panel .content_main_container .main_content .content .image_center .example_right { position: relative; float: left; margin: 10px 10px; margin-right: 115px; }

.right_content_panel .content_main_container .main_content .content span table.table_style { margin-bottom: 20px; }
.right_content_panel .content_main_container .main_content .content table tr td.cell_style1 { padding: 5px 0; font-weight: bold; font-size: 14px; }
.right_content_panel .content_main_container .main_content .content table tr td.cell_style2 { padding: 5px 0; font-weight: bold; text-align: right; font-size: 14px; }
.right_content_panel .content_main_container .main_content .content table tr td.cell_style3 { padding: 5px 0; padding-right: 10px; font-weight: bold; font-size: 14px; }
.right_content_panel .content_main_container .main_content .content table tr td.cell_style4 { padding: 5px 10px; font-weight: bold; font-size: 14px; border-bottom: solid; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; }
.right_content_panel .content_main_container .main_content .content table tr td.cell_style5 { padding: 5px 10px; font-weight: bold; font-size: 18px; border-bottom: solid; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; }

.right_content_panel .content_main_container .main_content .content .header_description { display: inline-block; }
.right_content_panel .content_main_container .main_content .content .header_description p { color: #000; font-size: 14px; font-weight: bold; }
.right_content_panel .content_main_container .main_content .content .header_description p span { color: #083376; }

.right_content_panel .content_main_container .main_content .content .self { height: 75px; margin-left: 30px; }

.right_content_panel .content_main_container .main_content .content .self .choice { float: left; margin: auto 10px; }

.right_content_panel .content_main_container .main_content .content .self li.choice .box_left { float: left; background-image: url(../images/self_box_left.png); background-repeat: no-repeat; height: 70px; width: 15px; cursor: pointer; }
.right_content_panel .content_main_container .main_content .content .self li.choice .box_strip { float: left; background-image: url(../images/self_box_strip.png); background-repeat: repeat-x; height: 70px; width: 120px; padding-top: 22px; text-align: center; font-weight: bolder; cursor: pointer; }
.right_content_panel .content_main_container .main_content .content .self li.choice .box_right { float: left; background-image: url(../images/self_box_right.png); background-repeat: no-repeat; height: 70px; width: 15px; cursor: pointer; }

.right_content_panel .content_main_container .main_content .content .self #choice1 { opacity: 0.35; filter: alpha(opacity=35); color: #FFFFFF; }
.right_content_panel .content_main_container .main_content .content .self #choice2 { opacity: 0.55; filter: alpha(opacity=55); color: #FFFFFF; }
.right_content_panel .content_main_container .main_content .content .self #choice3 { opacity: 0.75; filter: alpha(opacity=75); color: #FFFFFF; }
.right_content_panel .content_main_container .main_content .content .self #choice4 { opacity: 0.9; filter: alpha(opacity=90); color: #FFFFFF; }
.right_content_panel .content_main_container .main_content .content .self #choice1:hover { opacity: 1; filter: alpha(opacity=100); }
.right_content_panel .content_main_container .main_content .content .self #choice2:hover { opacity: 1; filter: alpha(opacity=100); }
.right_content_panel .content_main_container .main_content .content .self #choice3:hover { opacity: 1; filter: alpha(opacity=100); }
.right_content_panel .content_main_container .main_content .content .self #choice4:hover { opacity: 1; filter: alpha(opacity=100); }

.right_content_panel .content_main_container .main_content .image_container { display: inline-block; float: right; width: 510px; }
.right_content_panel .content_main_container .main_content .image_container .image_item img { width: 135px; }
.right_content_panel .content_main_container .main_content .image_container .image_item { width: 135px; height: 105px; overflow: hidden; float: left; display: inline-block; margin-right: 15px; margin-bottom: 15px; }