/* Common Styles */
.green{color: #779d00;	 }
.teal{color:#0096d5;}
a.teal:hover{text-decoration: underline;}
a.type_1{background: url("../img/common/a_bg_reg.png") no-repeat scroll 0 0 transparent;color: white;display: inline-block;height: 24px;padding-top: 6px;text-align: center;width: 100px;margin-top: 20px;}
a.type_2{background: url("../img/common/a_bg_long.png") no-repeat scroll 0 0 transparent;color: white;display: inline-block;height: 24px;padding-top: 6px;text-align: center;width: 150px;margin-top: 20px;}
a.type_3{background: url("../img/common/a_white_bg_reg.png") no-repeat scroll 0 0 transparent; display: inline-block;height: 24px;padding-top: 6px;text-align: center;width: 100px;margin-top: 20px; color: #393939;}
a.type_4{background: url("../img/common/a_bg_high.png") no-repeat scroll 0 0 transparent;color: white;display: inline-block;height: 37px;padding-top: 13px;text-align: center;width: 170px; margin-top: 5px; font-size: 18px;}
a.type_1:hover{background-position: 0 -30px;}
a.type_2:hover{background-position: 0 -30px;}
a.type_3:hover{background-position: 0 -30px;}
a.type_4:hover{background-position: 0 -50px;}
a.low_top_margin{margin-top: 10px;}
.underline{border-bottom: 1px solid #e1e1e1;}

#wrapper #content{min-height: 550px;}
#wrapper #content input.submit_type_1{cursor: pointer;background: url("../img/common/a_bg_reg.png") no-repeat scroll 0 0 transparent;color: white;height: 30px;text-align: center;width: 100px;margin-top: 20px;vertical-align: text-bottom;}
#wrapper #content input.submit_type_1:hover{background-position: 0 -30px;}
#wrapper #content #col_2_span #paging{float: right; font-family:locator-l;}
#wrapper #content #col_2_span #paging_box #curr_page{font-family: locator-l;}
#wrapper #content #col_2_span #paging a{font-family:locator-l;}
#wrapper #content #col_2_span #paging a.oj{font-family:locator-m;}
#wrapper #content #col_2_span #paging a:hover{color: #ff6c00;text-decoration: underline; font-family:locator-m;}
#wrapper #content #col_2_span h2{margin-bottom: 20px;}

/* Common Left Menu */
#wrapper #content #col_1{padding: 30px 15px 30px 30px;width: 160px;float: left;position:relative;}
#wrapper #content #col_1 a{display: block;padding-bottom: 10px;border-bottom: 1px solid #e9e9e9;margin-bottom: 10px;background: url("../img/common/right_arrow.png") no-repeat right 6px transparent;}
#wrapper #content #col_1 a:hover{color: #ff6c00;}
#wrapper #content #col_1 a#right_menu_contact{background: url("../img/common/right_contact.png") no-repeat scroll 0 0 transparent;height: 27px;margin: 0;padding-top: 8px;}
#wrapper #content #col_1 a#right_menu_contact:hover{background-position: 0 -45px;}
#wrapper #content #col_1 #contact_wrap{position: absolute;}
#wrapper #content #col_1 #contact_wrap span {float: left;font-family: locator-l;font-size: 13px;line-height: 14px;color: white;}
#wrapper #content #col_1 #contact_wrap span.contact_circle{background: url("../img/common/contact_circle.png") no-repeat scroll 0 0 transparent;height: 31px;margin: 0 10px 0 0;width: 31px;}

/* Common Col_2 Span */
#wrapper #content #col_2_span{width: 740px;float: left;border-left: 1px solid #dbdbdb;position: relative;padding: 30px; min-height: 490px;}

/* Support FAQ */
#wrapper #content #col_2_span table#faq_header{width: 100%;border-collapse: collapse;border-top: 2px solid #929292;background: #fafafa;}
#wrapper #content #col_2_span table#faq_header td{border: 1px solid #dadada;border-top: none;text-align: center;padding: 10px 10px;cursor: pointer;}
#wrapper #content #col_2_span table#faq_header td.on, #wrapper #content #col_2_span table#faq_header td:hover{color: #ff6c00;background: #ffffff;border-bottom: 1px solid white;}
#wrapper #content #col_2_span #faq_title{font-size: 16px;padding: 20px 0;margin: 10px 0 0;border-bottom: 1px solid #e1e1e1;}
#wrapper #content #col_2_span .faq_category{margin: 20px 0 ;}
#wrapper #content #col_2_span .faq_category_box{border-bottom: 1px solid #e1e1e1;padding-bottom: 20px;}
#wrapper #content #col_2_span ul.faq_list{list-style: none;}
#wrapper #content #col_2_span ul.faq_list li{background: url("../img/common/oj_list_square.jpg") no-repeat scroll left 6px transparent;margin-top: 10px;padding-left: 10px;cursor: pointer;}
#wrapper #content #col_2_span .faq_list_a{background: url("../img/common/enter_sign.jpg") no-repeat scroll 15px 1px transparent;display: none;margin: 10px 0;padding-left: 40px;  font-family: locator-l;}

/* Support Help Desk*/
#wrapper #content #col_2_span #help_desk_form_box{padding: 15px 25px;background: #fafafa;border: 1px solid #d2d2d2;border-top: 2px solid #929292;margin-top: 20px;}
#wrapper #content #col_2_span #help_desk_form_box ul{list-style: none;}
#wrapper #content #col_2_span #help_desk_form_box ul li option {font-family: locator-l;font-size: 13px;padding: 0 4px;}
#wrapper #content #col_2_span #help_desk_form_box ul li span.list_title{display: inline-block;width: 90px;margin-bottom: 14px;font-size: 13px;}
#wrapper #content #col_2_span #help_desk_form_box ul li input,  #wrapper #content #col_2_span #help_desk_form_box ul li select{border: 1px solid #ABABAB;font-family: locator-l;padding: 4px;width: 200px;}
#wrapper #content #col_2_span #help_desk_form_box ul li select{width: 210px;}
#wrapper #content #col_2_span #help_desk_form_box textarea#helpdesk_message{font-family: locator-l;margin-bottom: 9px; border: 1px solid #ABABAB;height: 200px;resize: none;vertical-align: text-top;width: 590px;}
#wrapper #content #col_2_span .form_note{padding-left: 92px;color: #999999;font-size: 13px;font-family: locator-l;margin-bottom: 15px;}
#wrapper #content #col_2_span #helpdesk_submit{background: url("../img/common/a_bg_reg.png") no-repeat scroll 0 0 transparent;color: white;height: 30px;margin-left: 260px;margin-right: 10px;width: 100px;cursor: pointer;}
#wrapper #content #col_2_span #helpdesk_submit:hover{background-position: 0 -30px;}

/* Support HD History */
#wrapper #content #col_2_span table#helpdesk_history{width: 100%;border-collapse: collapse;border-top: 2px solid #929292;background: #fafafa;}
#wrapper #content #col_2_span table#helpdesk_history td.helpdesk_history_header{border: 1px solid #dadada;border-top: none;text-align: center;padding: 10px 10px;cursor: pointer;}
#wrapper #content #col_2_span table#helpdesk_history td.helpdesk_history_header.on, #wrapper #content #col_2_span table#helpdesk_history td.helpdesk_history_header:hover{color: #ff6c00;background: #ffffff;border-bottom: 1px solid white;}
#wrapper #content #col_2_span table#helpdesk_history td#all{width: 60px;}
#wrapper #content #col_2_span table#helpdesk_history td#completed{background-image: url("../img/common/done_icon.png");background-position: 10px center;background-repeat: no-repeat;width: 110px;}
#wrapper #content #col_2_span table#helpdesk_history td#processing{background-image: url("../img/common/processing_icon.png");background-position: 10px center;background-repeat: no-repeat;width: 110px;}
#wrapper #content #col_2_span table#helpdesk_history td#blank{border: 1px solid #dadada;}
#wrapper #content #col_2_span #total_count{margin: 20px 0 10px;}
#wrapper #content #col_2_span table#helpdesk_history_list{width: 100%;border-collapse: collapse; margin-bottom: 10px;}
#wrapper #content #col_2_span table#helpdesk_history_list th{border-top: 1px solid #d7d7d7;background: #f1f1f1;padding: 8px 10px;text-align: left;}
#wrapper #content #col_2_span table#helpdesk_history_list td{padding: 8px 10px;text-align: left;border-bottom: 1px solid #e1e1e1;font-family: locator-l;}
#wrapper #content #col_2_span table#helpdesk_history_list .col_1{width: 53px;}
#wrapper #content #col_2_span table#helpdesk_history_list .col_2{width: 140px;}
#wrapper #content #col_2_span table#helpdesk_history_list .col_3{width: 255px;}
#wrapper #content #col_2_span table#helpdesk_history_list .col_3 a{color: #0096d5;}
#wrapper #content #col_2_span table#helpdesk_history_list .col_3 a:hover{text-decoration: underline;}
#wrapper #content #col_2_span table#helpdesk_history_list .col_4{width: 110px;}
#wrapper #content #col_2_span table#helpdesk_history_list .col_5{width: 50px;}
#wrapper #content #col_2_span table#helpdesk_history_list .col_5 span.done{background: url("../img/common/done_icon.png") no-repeat scroll 0 0 transparent;display: block;height: 10px;margin: 0 auto;width: 13px;}
#wrapper #content #col_2_span table#helpdesk_history_list .col_5 span.processing{background: url("../img/common/processing_icon.png") no-repeat scroll 0 0 transparent;display: block;height: 19px;margin: 0 auto;width: 17px;}

/* Support HD View */
#wrapper #content #col_2_span #hd_title{border-top: 2px solid #767676;font-size: 24px;padding: 10px 0;}
#wrapper #content #col_2_span #hd_cat{color: #999999;font-family: locator-l;font-size: 13px;}
#wrapper #content #col_2_span span.divider{color: #999999;display: inline-block;font-family: locator-l;font-size: 13px;padding: 0 15px;}
#wrapper #content #col_2_span #hd_done{float: left;background: url("../img/common/done_icon.png") no-repeat scroll 8px center transparent;border: 1px solid #CACACA;font-size: 13px;padding: 3px 10px 3px 27px;width: 115px;margin: 10px 0;}
#wrapper #content #col_2_span #hd_progressing{float: left;background: url("../img/common/processing_icon.png") no-repeat scroll 8px center transparent;border: 1px solid #CACACA;font-size: 13px;padding: 3px 10px 3px 27px;width: 115px;margin: 10px 0;}
#wrapper #content #col_2_span #file {background: url("../img/common/file.png") no-repeat scroll 0 center transparent;float: left;font-family: locator-l;font-size: 13px;margin: 10px 0 10px 10px;padding-left: 22px;padding-top: 3px;}
#wrapper #content #col_2_span #file a.file_link{color:#0060ff; text-decoration: underline; font-family: locator-l;}
#wrapper #content #col_2_span #q_header, #a_header{border-bottom: 1px solid #E1E1E1;border-top: 1px solid #E1E1E1;padding: 13px 0;font-size: 16px;}
#wrapper #content #col_2_span #q_body, #a_body{padding: 15px 0; font-family: locator-l;}
#wrapper #content #col_2_span span.q_header_icon{background: url("../img/common/green_square.png") no-repeat scroll 0 0 transparent;color: white;display: inline-block;font-family: locator-b;font-size: 24px;height: 34px;margin-right: 10px;padding: 3px 0 0 10px;vertical-align: middle;width: 27px;}
#wrapper #content #col_2_span span.a_header_icon{background: url("../img/common/orange_square.png") no-repeat scroll 0 0 transparent;color: white;display: inline-block;font-family: locator-b;font-size: 24px;height: 34px;margin-right: 10px;padding: 3px 0 0 10px;vertical-align: middle;width: 27px;}
#wrapper #content #col_2_span #list_box{border-top: 1px solid #E1E1E1;}

/* Support HD Submit */
#wrapper #content #col_1_span {margin: 0 auto;min-height: 490px;padding: 30px 0;width: 745px;}
#wrapper #content #col_1_span a#backto_hd {font-family: locator-l;left: 10px;position: relative;top: 7px;}

/* Support Guideline */
#wrapper #content #col_2_span .gl_note{font-family: locator-l;}
#wrapper #content #col_2_span table#gl_table, #wrapper #content #col_2_span table#gl_table tr, #wrapper #content #col_2_span table#gl_table td, #wrapper #content #col_2_span table#gl_table th{border-collapse: collapse;border: 1px solid #d7d7d7;text-align: center;}
#wrapper #content #col_2_span table#gl_table{margin: 15px 0;}
#wrapper #content #col_2_span table#gl_table td{padding: 6px 10px;width: 79px; font-family: locator-l;}
#wrapper #content #col_2_span table#gl_table td.banned{color: red;}
#wrapper #content #col_2_span table#gl_table th{padding: 6px 10px;background-color: #f1f1f1;}
#wrapper #content #col_2_span table#gl_table th.col_1{text-align: left;}
#wrapper #content #col_2_span .gl_note_2{color:#666666; font-family: locator-l;}

/* News */
#wrapper #content #col_2_span #category_box{z-index: 1;background: none repeat scroll 0 0 #7A7A7A;border: 1px solid #5B5B5B;position: absolute;right: 30px;top: 30px;width: 256px;}
#wrapper #content #col_2_span #category_box:hover li.category_select.on{border-bottom: 1px solid #5B5B5B;}
#wrapper #content #col_2_span #category_box ul{list-style: none;}
#wrapper #content #col_2_span #category_box li.category_select{color: white; display: none;cursor: pointer; padding: 5px 8px; font-family: locator-l;}
#wrapper #content #col_2_span #category_box li.category_select a{color: white; font-family: locator-l;}
#wrapper #content #col_2_span #category_box li.category_select:hover{background: #2C89d9;}
#wrapper #content #col_2_span #category_box li.category_select.on {background: url("../img/common/dropdown_arrow.png") no-repeat scroll 240px center transparent;display: block;}
#wrapper #content #col_2_span #news_wrap{border-top: 2px solid #767676;margin-bottom: 10px;}
#wrapper #content #col_2_span #news_wrap .empty{border-bottom: 1px solid #E9E9E9;padding: 30px 0;text-align: center;}
#wrapper #content #col_2_span .event_wrap{padding: 20px 0;border-bottom: 1px solid #e1e1e1;position: relative; font-family: locator-l;}
#wrapper #content #col_2_span .event_wrap .event_thumb{display: inline-block;height: 92px;width: 166px;margin-right: 20px;float: left;}
#wrapper #content #col_2_span .event_wrap .event_body{width: 550px;float: left;}
#wrapper #content #col_2_span a.event_title{display: block;color: #0096d5;font-size: 18px;margin-bottom: 20px;}
#wrapper #content #col_2_span a.event_title:hover{text-decoration: underline;}
#wrapper #content #col_2_span .event_cat{margin-top: 20px;color: #999999;font-family: locator-l;font-size: 13px;}
#wrapper #content #col_2_span .notice_wrap{padding: 20px 0;border-bottom: 1px solid #e1e1e1;position: relative;}
#wrapper #content #col_2_span #news_title{border-top: 2px solid #767676;font-size: 24px;padding: 10px 0;}
#wrapper #content #col_2_span #news_cat{color: #999999;font-family: locator-l;font-size: 13px; border-bottom: 1px solid #e1e1e1; padding-bottom: 15px;}
#wrapper #content #col_2_span #news_body{padding: 25px 0; font-family: locator-l;}
#wrapper #content #col_2_span #news_body img{display: block;}
#wrapper #content #col_2_span #news_body a{text-decoration: underline; color: #0096d5!important;}

/*Download */
#wrapper #content h3.dl_header{font-size: 18px;padding: 10px 0 0;}
#wrapper #content #dl_wrap{border: 1px solid #d2d2d2; margin-bottom: 20px;}
#wrapper #content #dl_wrap #dl_top{background: url("../img/download/dl_top_bg.jpg") no-repeat scroll right center transparent;border-bottom: 1px solid #C7C7C7;height: 420px;padding: 40px;}
#wrapper #content #dl_wrap #dl_top #dl_top_title{font-size: 36px;}
#wrapper #content #dl_wrap #dl_top #dl_top_title span.green{font-size: 36px;}
#wrapper #content #dl_wrap #dl_top #dl_top_exp {color: #999999;font-family: locator-l;font-size: 15px;margin: 30px 0 0;width: 400px;}
#wrapper #content #dl_wrap #dl_top a#dl_bt {background: url("../img/download/dl_bt.png") no-repeat scroll 0 0 transparent;color: white;display: block;font-size: 33px;height: 67px;line-height: 15px;margin-left: 40px;margin-top: 50px;padding-left: 64px;padding-top: 29px;text-align: center;width: 279px;
}
#wrapper #content #dl_wrap #dl_top a#dl_bt span#file_size{font-family: locator-l;color: white;font-size: 14px;}	
#wrapper #content #dl_wrap #dl_bot{position: relative; background: url("../img/download/step_bg.jpg") no-repeat scroll center bottom #f3f3f3; border-top: 2px solid #e9e9e9; height: 310px; padding: 40px 0 40px 40px;}
#wrapper #content #dl_wrap #dl_bot h3, #wrapper #content #dl_wrap #dl_bot h3 span{font-size: 18px;}
#wrapper #content #dl_wrap #dl_bot .dl_step{float: left;width: 260px;height: 310px;font-family: locator-l;color: #999999;}
#wrapper #content #dl_wrap #dl_bot #dl_step_1, #wrapper #content #dl_wrap #dl_bot #dl_step_2{padding-right: 25px;border-right: 1px solid #d9d9d9;margin-right: 25px;}

#dl_driver_wrap{border: 1px solid #d2d2d2;}
#dl_driver_top{border-bottom: 1px solid #C7C7C7;padding: 25px 40px; font-family: locator-l; color: #999999;}
#dl_driver_bot{background: none repeat scroll 0 0 #F3F3F3;border-top: 2px solid #E9E9E9;padding: 25px 0 25px 40px;position: relative;}
#dl_driver_bot a.dl_driver_link {background: url("../img/download/dl_driver_bg.jpg") repeat-x scroll 0 0 transparent;border: 1px solid #CACACA;display: inline-block;float: left;height: 65px;margin-right: 19px;padding: 7px 15px;position: relative;width: 170px;}
#directx_icon {background: url("../img/download/directx_icon.png") no-repeat scroll 0 0 transparent;display: inline-block;height: 65px;vertical-align: middle;width: 65px;}
#nvidia_icon {background: url("../img/download/nvidia_icon.png") no-repeat scroll 0 center transparent;display: inline-block;height: 65px;vertical-align: middle;width: 80px;}
#ati_icon {background: url("../img/download/amd_icon.png") no-repeat scroll center center transparent;display: inline-block;height: 65px;vertical-align: middle;width: 68px;}
#flash_icon {background: url("../img/download/flash_icon.png") no-repeat scroll 0 center transparent;display: inline-block;height: 65px;vertical-align: middle;width: 68px;}
span.dl_driver_text {position: absolute;right: 0;text-align: center;top: 30px;width: 120px;}



/* add July 2016*/
.promo_newicon{background: url("http://static.ogplanet.com/sd/promo/promo_img/promo_newicon.png") no-repeat scroll 0 0 transparent;width:18px;height:18px;position:absolute;top:2px;left:723px;z-index:200;}

.newsletter_share_sns{float:right;}
.newsletter_share_sns ul li{float:left;list-style:none;padding:0 3px;}


.new_sitemap_wp .footernew_section ul li{float:left;text-transform: capitalize;list-style:none;font-size:12px;text-transform: uppercase;padding:0 15px;font-family: locator-l;background:url('http://static.ogplanet.com/sd/www/en/img/common/footer_newdiv.gif') no-repeat right 3px;}
.new_sitemap_wp .footernew_section ul li.first_padding1{float:left;text-transform: capitalize;list-style:none;font-size:12px;text-transform: uppercase;padding:0 15px 0 0;font-family: locator-l;background:url('http://static.ogplanet.com/sd/www/en/img/common/footer_newdiv.gif') no-repeat right 3px;}
.new_sitemap_wp .footernew_section ul li.listbg_none{float:left;text-transform: capitalize;list-style:none;font-size:12px;text-transform: uppercase;padding:0 15px;font-family: locator-l;background:none;}
.new_sitemap_wp .footernew_section{width:80%; height:auto; display:inline;vertical-align:top;}
.footterlinkbox{clear:both;padding:10px 0 0 0px;}
.footterlinkbox ul.footernew_link li{background:none;padding:0 0 0 10px;}
.footterlinkbox ul.footernew_link li.first_padding{background:none;padding:0 0 0 0px;}
ul.footernew_link li a{float:left;font-size:13px;text-transform: capitalize;color:#666666;padding:0 14px 0 0px;font-family: locator-l;background:url('http://static.ogplanet.com/sd/www/en/img/common/footer_newdiv1.gif') no-repeat right 3px;}
ul.footernew_link li a.listbg_none1{float:left;font-size:13px;text-transform: capitalize;color:#666666;padding:0 14px 0 0px;font-family: locator-l;background:none;}
ul.footernew_link li a:hover{text-decoration:underline;}
ul.footernew_link li a:hover.bgnone{text-decoration:underline;}

