.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } h1{font-size:22pt;font-weight:bold;} html {text-rendering: geometricPrecision;-webkit-font-smoothing: antialiased !important;} body{background:#242424 url('../images/tile.png');color:#424242;font-size:12pt;line-height: 1.3em} body.print {background:#fff; color:#424242;font-size:12pt;line-height: 1.3em} a{text-decoration: none;color: inherit;} b{font-weight: bold} .clear{float: none !important;clear:both;} .section{border: 1px solid #E1E1E1;background-color: #FFFFFF;} .border_l{border-left:1px solid #E1E1E1 !important;} .btn_sub{background-color: #2BA192;border: 1px solid #3D8E6C;color: #FFFFFF;padding: 0 10px;} .operators{text-align: left;margin-top:10px;} .display,.hidden{display: none;} .txt_input{border: 1px solid #E1E1E1;padding: 5px 8px;} input[type=button]{background: none;border:none;cursor: pointer;} label.require:after{content:'* ';color:red;} div.require label:after{content:'* ';color:red;} sub{vertical-align: sub;} sup{vertical-align: super;} .auto {width: 100% !important;} #wrapper{overflow:hidden;width: 950px;margin: auto;background-color: #E5E5E5;padding:0 10px;} #top_menu {background-color:#000;border-bottom:1px solid #e5e5e5;color:#fff;padding: 8px 10px !important} #top_menu li:after {content: none;} #top_menu li a {padding: 6px 10px !important; line-height: 1em; color: #fff;} #top_menu li:hover > a {background-color: #222222;} #top_menu ul ul a {padding: 4px 10px;} #top_menu ul ul {background: #222 !important; padding: 5px; width: 150px} #top_menu ul ul li:hover > a {background: #494949} #top_menu ul ul ul {right: 150px} #top_menu i {display: none !important;} #banner{background:#297ea6 url('../images/old-strip.png');} #banner[lang=fa]{background:#297ea6 url('../images/strip.png');} #banner{color:#fff;min-height: 120px;/*padding:10px*/;position: relative;} #banner #inic_fa{background: transparent url('../images/inic.png');width: 313px;height: 70px;position: absolute;top: 45px;right:20px;} #banner #inic_en{background: transparent url('../images/inic_en.png');width: 237px;height: 45px;position: absolute;top: 60px;left:20px;} #banner #banner_menu{position: absolute;top:20px;} #banner #banner_menu ul li,#banner #lang_menu ul li{display: inline-block;padding: 0px 10px;line-height: 1em} #banner #banner_menu ul li:last-child,#banner #lang_menu ul li:last-child{border:none;} #banner #lang_menu{position: absolute;top: 20px;} #toolbar{padding: 10px 15px;text-align: left;color:} #toolbar ul li{display: inline-block;padding: 2px 5px;line-height:1.1em;cursor: pointer;} #content{padding: 10px;background-color: #F2F2F2} #inner_content{padding: 10px;background-color: #fff} #map {display:block;border:1px solid #e1e1e1;height:300px;margin-top:20px} #map div.nano_marker span,#map div.nano_marker p{font-family:nassim !important;font-size:12pt !important;} #map div.nano_marker span {font-weight:bold} #top_news{position:relative;width: 615px;height: 175px;background-color: #fff;margin-bottom:10px;border:1px solid #e1e1e1;/*border-radius: 3px;*/overflow:hidden;} #top_news .banner{position: absolute;top: 0;width: 440px;border-top:2px solid #FF2A00;} #top_news .banner span{color:#fff;background-color:#FF2A00;padding:2px 25px;position: absolute;top: 0;font-size: 12pt;/*border-radius: 0 0 3px 0*/} #top_news .items li img {width: 175px;height: 175px} #top_news .items li h1 {font-size:14pt;width: 410px;color:#3388AF;margin: 40px 15px 10px;} #top_news .items li p {margin:0 15px;width: 410px;text-align: justify;} #top_news .items span.news_date {margin:0 15px;} #top_news .control{position: absolute;bottom:10px;background-color: #f1f1f1;} #top_news .control span{cursor: pointer;} #inner_top_news{border-bottom: 1px dashed #e1e1e1;position: relative;margin-bottom:10px;padding-bottom: 10px} #inner_top_news .label{color:#fff;background-color:#FF2A00;padding:2px 25px;font-size: 12pt;} #inner_top_news .date{background-color: #2D788D;color:#fff;padding:2px 25px;position: absolute;top: 0} #inner_top_news li.visible{display: block;padding-top: 3px} .column{width: 303px;min-height:200px;} #column_3{margin-top:-186px;} .two_col_right{width: 610px;} .two_col_left{width: 300px;} .three_col_right{width: 200px;} .three_col_center{width: 510px;} .three_col_left{width: 200px;} .section{background-color: #fff;border: 1px solid #e1e1e1;/*border-radius: 3px;*/margin-bottom:10px;display:none;} .section_ghost{background-color: #EAE8E8;height: 200px;margin-bottom:10px;border:1px dashed #e1e1e1;} .section .header{border-bottom:1px solid #e1e1e1;padding: 10px 15px;position: relative;} .section .header .control{position: absolute;top: 14px;} .section .header .control span{cursor:pointer;opacity: 0.5} .section .header h1{color: #2C7596;} .section .body .list{padding: 10px} .section .body .list li:before{content: '» '} .section .body .list li{border-bottom:1px dashed #e1e1e1;padding:3px 10px;text-align: justify;} .section .body .list li:hover{background-color: #f1f1f1} .section#events .body .list li {position: relative; padding-right: 30px} .section#events .body .list li:before{content: ''} .section#events .body .list li a {display: block;} .section#events .body .list li img {position: absolute; top: 5px; right: 5px} .section#events .body .list li .title {font-weight: bold;} .section#events .body .list li .date {display: block;} .section .footer{height: 15px;background-color: #F9F9F9} .section .body .select_3{background-color: #3388AF;height: 120px;overflow: hidden;color:#fff;} .section .body .select_3 img{width: 120px;display: none} .section .body .select_3 .items{width:180px;} .section .body .select_3 .items li{height:30px;padding:4px 7px;line-height:1em;border-bottom:1px solid #3592BA;border-top:1px solid #307B9B;} .section .body .select_3 .items li.hover{background-color: #307B9B} .section .body .more_link{background-color: #F5F5F5;padding:3px 10px;color:#FF2A00;border-top:2px solid #FF2A00;border-bottom:1px solid #F1F1F1;} .section .body .section_setting{padding:15px;background-color: #E6E6E6;margin: 2px;display: none} .section .body .section_setting .chk_list li{padding: 4px 7px;margin-bottom:3px;background-color: #363333;/*border-radius: 3px;*/color:#fff;overflow: hidden;height: 20px} .section .body .section_setting .operators{margin-top:10px;} .section .body .section_setting .operators input[type=button]{background-color: #8FB21E;color:#fff;/*border-radius: 3px;*/padding: 0px 10px;border:1px solid #83A31D;} .section .alert{padding:10px;background-color: #FF6473;color: #fff;font-weight: bold} .section .success{padding:10px;background-color: #89B733;color: #fff;font-weight: bold} .message_error {padding:10px;background-color: #FF6473;color: #fff;font-weight: bold;margin-bottom:10px;} .message_error a {color: #282828} .message_success {padding:10px;background-color: #89B733;color: #fff;font-weight: bold;margin-bottom:10px;} .message_warning {padding:10px;background-color: #FFEA32;color: #897d1c;font-weight: bold;margin-bottom:10px;} .message_alert{padding:10px;background-color: #ffea32;font-weight: bold} .section_list .head{background-color: #F5F5F5;padding: 2px 10px;border-bottom:1px solid #DEDDDD;position: relative;} .section_list .head .control{position: absolute;top:4px;opacity: 0.5} .section_list .head .control span{cursor: pointer;} #english_news .list{direction: ltr;text-align: left} .list .news_list_date {clear: both; display: block; text-align: right;} #index_login{padding:20px;} #index_login > div{margin-bottom: 3px} #index_login input[type="text"],#index_login input[type="password"]{direction: ltr;text-align: left;width:240px;border:1px solid #e1e1e1;font-family: arial !important;font-size:10pt !important;padding: 5px 10px;} #index_login input[type="submit"]{background-color: #8FB21E;color:#fff;padding: 0px 10px;border:1px solid #83A31D;width: 100px} .section_menu{padding:15px;} .section_menu li{border-bottom: 1px dashed #e1e1e1;margin-bottom:3px;} #footer{background-color: #000;padding: 10px;height: 100px;position: relative;color:#fff;clear: both;} #footer #cr_fa{position: absolute;top: 50px;right:30px} #footer #cr_en{position: absolute;top: 50px;left:30px;direction: ltr;text-align: left;font-family: arial;font-size: 10pt} .section .gallery{position:relative;} .section .gallery .items li{width: 250px;margin: auto;padding-bottom:30px;} .section .gallery .items li img{width:244px;padding: 3px;background-color: #f5f5f5;height:162px;} .section .gallery .items li .title{padding: 0 10px;font-size: 14pt;margin: 10px 0} .section .gallery .items li .date{padding: 0 10px;margin: 10px 0} .section .gallery .items li .desc{text-align: justify;margin-bottom:10px;height:45px;overflow: hidden;padding: 0 5px} .section .gallery .items li .link{padding: 5px 10px;color: #fff;background-color: #3389AF;display: inline-block;margin-left:5px;margin-top:-5px;} .section .gallery .control{position: absolute;bottom:40px;background-color: #F1F1F1} .section .gallery .control span{cursor: pointer;} .section .ext_link{padding:5px 15px;background-color: #DEE4E5;border-bottom: 1px solid #D2D7D8;height: 24px;border-top:1px solid #D2D7D8;cursor: pointer;} .section .ext_link .title{margin-top:3px;} .poll{padding: 10px} .poll .question{margin-bottom: 10px} .poll .answers li{padding: 5px 10px;background-color: #f5f5f5;margin-bottom: 2px} .poll .answers li span{background-color: #4D71A8;color: #fff;padding:0 10px;font-size: 14pt} .poll .operators input[type="submit"]{background-color: #8FB21E;color:#fff;padding: 0px 10px;border:1px solid #83A31D;width: 100px} .poll .operators{margin-top:5px;} .poll .loader {margin-top: 10px;text-align: center;} #dictionary .dictionary{padding: 20px} #dictionary input[type=text]{direction: ltr;text-align: left;width:240px;border:1px solid #e1e1e1;font-family: arial !important;font-size:10pt !important;padding: 5px 10px;} #dictionary .operators input[type=submit]{background-color: #2BA192;color:#fff;padding: 0px 10px;border:1px solid #3D8E6C;width: 100px} #dictionary .operators{margin-top: 5px} #dictionary .result{border-top: 1px solid #e1e1e1;margin-top:10px;padding-top:10px;} #dictionary .loader{text-align: center;margin-top:10px;} #newsletter .newsletter{padding: 20px} #newsletter input[type=text]{margin-bottom:3px;direction: ltr;text-align: left;width:240px;border:1px solid #e1e1e1;font-family: arial !important;font-size:10pt !important;padding: 5px 10px;} #newsletter .operators input[type=submit]{background-color: #2BA192;color:#fff;padding: 0px 10px;border:1px solid #3D8E6C;width: 100px} #newsletter .operators{margin-top: 5px} .section .publication .title{padding: 10px 20px;background-color: #f5f5f5} #page_setting {padding: 20px 30px;background-color: #494949;display: none} #page_setting .items li{ padding: 5px 20px;background-color: #D8D8D8;width: 254px;display: block;margin-bottom: 2px;float: right;margin-left: 3px;} #page_setting .items li:nth-child(3n){margin-left: 0} #page_setting .operators{text-align: center;margin-top:20px;} #page_setting .operators input{background-color: #f1f1f1;/*border-radius: 3px;*/padding: 1px 10px} #links .item{margin-bottom: 10px} #links .item img{width: 303px;} #publication .publication img{width: 300px} .iran_news .other_news{width: 300px} .other_news{width: 300px} .other_news .header{font-size: 14pt;font-weight:bold;padding: 5px 10px;background-color: #AF6F7E;color: #fff;margin-bottom: 20px;margin-top:20px;} .other_news .latest {width: 290px;} .other_news .latest .item_img{border-bottom:1px dashed #e1e1e1;text-align: justify;} .other_news .latest .item_img:hover{background-color: #f1f1f1} .other_news .latest .item_img img{width: 70px;height: 70px;} .other_news .latest .item_img h1{font-size: 12pt} .other_news .other{width: 290px} .other_news .other .item{padding: 5px;border-bottom: 1px dashed #e1e1e1;text-align: justify;} .other_news .other .item:hover{background-color: #f1f1f1} .other_news .other .item:before{content: '» '} .news_category .header{font-size: 14pt;font-weight:bold;padding: 5px 10px;background-color: #64937E;color: #fff;margin-bottom: 20px;margin-top:20px;} .news_category .item{width: 295px;margin: 0 5px;margin-bottom:15px;} .news_category .item h3{font-size: 14pt;color: #2D788D;border-bottom:1px solid #2D788D;padding: 3px 10px;font-weight: bold} .news_category .item ul li{padding: 5px;border-bottom: 1px dashed #e1e1e1;} .news_category .item ul li:hover{background-color: #f1f1f1} .news_category .item ul li:before{content: '» '} #most_visited_news {border-bottom: 5px solid #4EBFC5} #most_visited_news .header{font-size: 14pt;font-weight:bold;padding: 5px 10px;background-color: #4EBFC5;color: #fff;margin-bottom: 20px;margin-top:20px;} #most_visited_news .item{padding:0 10px;margin-bottom: 10px;position: relative;} #most_visited_news .item img{width: 75px;height: 75px;} #most_visited_news .item h3{font-size: 13pt;width: 195px;text-align: justify;} #most_visited_news .item .view_count{line-height: 1em;bottom: 5px;position: absolute;} #news_gallery {border-bottom: 5px solid #4D71A8} #news_gallery .header {font-size: 14pt;font-weight:bold;padding: 5px 10px;background-color: #4D71A8;color: #fff;margin-bottom: 20px;margin-top:20px;} #news_gallery .slider {overflow: hidden;height: 205px;} #news_gallery .gallery_title span.title {margin-bottom: 10px; display: block; font-weight: bold;} #news_gallery .gallery_title span.date {margin-bottom: 10px; display: block;} #news_gallery .slider .item {} #news_gallery .slider .item:nth-child(1) {display: block;} #news_gallery .slider .item img{width: 300px;height: 200px;} #news_gallery .slider .player {margin-bottom: 8px} #news_gallery .control {padding-bottom: 5px;} #news_gallery .control span {cursor:pointer;} /*#news_gallery .item{padding:0 10px;margin-bottom: 10px;position: relative;} #news_gallery .item h3{font-size: 13pt;width: 195px;text-align: justify;} #news_gallery .item .view_count{line-height: 1em;bottom: 5px;position: absolute;} */ #edu_article{border-bottom: 5px solid #259eb7} #edu_article .header{font-size: 14pt;font-weight:bold;padding: 5px 10px;background-color: #259eb7;color: #fff;margin-bottom: 20px;margin-top:20px;} #edu_article .item{padding:0 10px;margin-bottom: 10px;position: relative;} #edu_article .item img{width: 75px;height: 75px;} #edu_article .item h3{font-size: 13pt;width: 195px;text-align: justify;} #edu_article .item .view_count{line-height: 1em;bottom: 5px;position: absolute;} #related_news{border-bottom: 5px solid #64937E} #related_news .header{font-size: 14pt;font-weight:bold;padding: 5px 10px;background-color: #64937E;color: #fff;margin-bottom: 20px;margin-top:20px;} #related_news .item{padding:0 10px;margin-bottom: 10px;position: relative;} #related_news .item img{width: 40px;height: 40px;} #related_news .item h3{font-size: 13pt;width: 195px;text-align: justify;} #related_news .title{margin: 10px;border-bottom: 1px dashed #64937E;border-top: 1px dashed #64937E;padding: 5px 0} #related_news .title span{font-size: 14pt} #news_search{border-bottom: 5px solid #2D788D;padding-bottom: 5px} #news_search .header{font-size: 13pt;font-weight:bold;padding: 3px 10px;background-color: #2D788D;color: #fff;margin-bottom: 10px;} #news_search form div.field {padding: 5px} #news_search form > div label{width: 100px;display: inline-block;} #news_search .keyword input{width:287px;border:1px solid #C1C1C1;} #news_search .datepicker{width:188px;border:1px solid #C1C1C1;} #news_search form > div > .select{display: inline-block;} #news_search form .submit{border:none;background: none;background-color: #2D788D;color:#fff;padding:0 30px;cursor: pointer;} #news_search form .reset{border:none;background: none;background-color: #819097;color:#fff;padding:0 30px;cursor: pointer;} #news_search .search_mode_toggle{text-align: center;padding: 1px 12px;background-color: #44CAC4;color:#fff;margin:2px;cursor: pointer;} #news_search .advance_search{display: none} .right_menu li{background-color: #64937E;position: relative;color:#fff;} .right_menu > li{margin-bottom:3px;background-color: #f5f5f5;color:#424242;} .right_menu li:hover{background-color: #64937E;color:#fff;} .right_menu li ul{display: none;position: absolute;width: 185px;top:0;background-color: #fff;z-index: 1000} .right_menu li ul li:hover{background-color: #72A58E;border-color:#72A58E } .section_info h1{font-size: 14pt;font-weight: bold;padding: 5px 10px;background-color: #2D788D;color:#fff;} .section_info .body{padding:10px;text-align: justify;} .section_info .body a{color: #3389AF;border-bottom: 1px dashed #3389AF} .section_info .body ul{list-style: disc inside} .section_info .body ol{list-style: decimal inside} .section_info .body table{border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1; margin: 0 auto} .section_info .body td,.section_info .body th{border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;} .related_news .header{font-size:13pt;font-weight: bold;background-color: #4EBFC5;color: #fff;padding: 3px 10px;margin-bottom: 10px} .related_news .item{margin-bottom:10px;border-bottom:1px dashed #e1e1e1;padding-bottom: 5px;text-align: justify;} .related_news h1{font-size: 13pt;font-weight: bold;color: #3388AF;width: 425px} .related_news img{width: 75px;height: 75px} .proposal .header{font-size:13pt;font-weight: bold;background-color: #4EBFC5;color: #fff;padding: 3px 10px;margin-bottom: 10px} .proposal .item{margin-bottom:10px;border-bottom:1px dashed #e1e1e1;padding-bottom: 5px;text-align: justify;} .proposal h1{font-size: 13pt;font-weight: bold;color: #3388AF;} .proposal img{width: 75px;height: 75px;float: right;margin-left: 5px;} .news_rating{border-top: 1px dashed #e1e1e1;border-bottom: 1px dashed #e1e1e1;padding: 15px;margin-bottom: 10px} .news_rating .rating{margin-right: 30px} .news_rating .rating_stars{direction: ltr;} .news_rating .rating .title{font-weight: bold;margin-bottom: 10px;direction: rtl} #section_links .item img{width: 200px} .faq_group{margin-bottom: 15px} .faq_group h3{background-color: #2D788D;color: #fff;padding: 5px 10px;font-size: 13pt;font-weight: bold} .faq_group .items li.question{padding: 5px 10px;border-bottom: 1px dashed #e1e1e1;} .faq_group .items li.question:hover{background-color: #f5f5f5} .faq_group .items li.question:before{content: '- '} .faq_group .items li.answer{padding: 10px;background-color: #f5f5f5;color: #2D788D;border-bottom:1px solid #e1e1e1;} #opinion_form{margin-bottom:20px;position: relative;} #opinion_form .header{font-size:13pt;font-weight: bold;background-color: #2D788D;color: #fff;padding: 5px 10px;margin-bottom: 10px} #opinion_form form > div {vertical-align: top;padding-bottom: 5px; position: relative;} #opinion_form form > .inline {display: inline-block; position: relative;} #opinion_form form > div > ul.autocomplete {position: absolute; background: #fff; color: #000; z-index: 100; width: 260px; display: none; max-height: 300px; overflow: auto; border:1px solid #e1e1e1; top: 31px; right: 163px;} #opinion_form form > div > ul.autocomplete > li {padding:2px 5px;cursor: pointer;} #opinion_form form > div > ul.autocomplete > li:hover,.select .select_body li.selected{background-color:#1A77A5;color:#fff;} #opinion_form form div ul.autocomplete span {background: #FFEA32;color: #897d1c;display: block;padding: 5px;margin-bottom: 5px;} #opinion_form form > div > div.checkbox > input[type=checkbox] {display: none;} #opinion_form form > div > div.checkbox {position: absolute; width: 28px;height: 28px;display: block; top: 6px;right: 130px; border:1px #B5B5B5 solid; } #opinion_form form > div > div.unselected {background:url('../images/bg_icon.png') no-repeat -1px -1px} #opinion_form form > div > div.unselected:hover {background:#B5B5B5 url('../images/bg_icon.png') no-repeat -31px -1px} #opinion_form form > div > div.selected {background: #8FB21E url('../images/bg_icon.png') no-repeat -31px -1px} #opinion_form form > div > div.selected:hover {background: #cc0000 url('../images/bg_icon.png') no-repeat -61px -1px} #opinion_form form > div label{width: 140px;display: inline-block;vertical-align: middle;padding: 10px} #opinion_form form > div input[type=text], input[type="password"]{width:240px;border:1px solid #e1e1e1;padding: 2px 10px;font-size: 11pt} #opinion_form form > div input#email{text-align: left;direction: ltr;font-family: arial !important;font-size: 10pt !important;padding: 5px 10px} #opinion_form form > div textarea{width:774px;border:1px solid #e1e1e1;padding: 2px 2px;font-size: 10pt;height: 100px} #opinion_form form .require_err {border-color: #FF6473 !important; color: #FF6473} #opinion_form form .require_valid {border-color: #89B733 !important; color: #89B733} #opinion_form form > div .captcha {width: 212px;display: inline-block; position: relative;} #opinion_form form > div .captcha input{width: 190px !important;direction: ltr;text-align: left} #opinion_form form > div .captcha_message{padding: 10px;background-color: #FF6473;color: #fff;width: 300px;margin-top: 10px} #opinion_form form > div > a.captcha_reload {position: absolute; cursor: pointer; width: 28px;height: 28px;display: block; top: 0px;right: 390px; border:1px #B5B5B5 solid;background:url('../images/bg_icon.png') no-repeat -121px -1px } #opinion_form form > div > a.captcha_reload:hover {background:#B5B5B5 url('../images/bg_icon.png') no-repeat -151px -1px} div#captcha span {width: 212px; height: 75px; background: url('../images/loader.gif') no-repeat center center; display: inline-block;} #opinion_form form .ltr {text-align: left;direction: ltr} #opinion_form form .operators .submit{border:none;background: none;background-color: #8FB21E;color:#fff;padding:0 30px;} #opinion_form form > div span.attention {padding: 10px; background: #FFEA32; display: block;color:#897d1c;} span.attention a {text-decoration: underline; color: #1C9ABD} #opinion_form form > div span.secure_pass {display: none;} #opinion_form form div.address textarea {width: 685px !important; height: 50px;} #opinion_form form div.address label {vertical-align: top !important} #opinion_form form div.photo_uploader {position: absolute;top: 5px;left:57px;width: 410px} #opinion_form form div.photo_uploader #avatar {float: left;width: 120px;height: 170px;border: 3px silver dashed;position: relative; margin-left: 20px; } #opinion_form form div.photo_uploader #avatar .upload-button {display: block;color: silver;text-align: center;font-weight: bold;cursor: pointer;height: 90px;padding-top: 60px;vertical-align: super;} #opinion_form form div.photo_uploader #avatar .avatar_uploaded {} #opinion_form form div.photo_uploader #avatar .upload_loader {position:absolute;top:110px;left:45px;} #opinion_form form div.photo_uploader #avatar .remove_uploder { position: absolute;color: #cc0000;background: rgba(255,255,255,0.7);height: 170px;top: 0;left: 0;width: 120px;text-align: center;display: none;cursor: pointer;} #opinion_form form div.photo_uploader #avatar .remove_uploder span {font-size: 38px;float: none;display: block;margin-top: 60px !important; margin-right: 45px;} #opinion_form form div.pstrength-info, div.pstrength-bar {margin-right: 164px} #opinion_form form input[name=u_password_s] {display: none;} #opinion_form form div.hide {display: none;} #opinion_form form div > img.loader {position: absolute; bottom: 19px; right: 170px;} #opinion_form > div.tab {display: block; margin-bottom: 20px; border-bottom: 1px #E5E5E5 solid} #opinion_form > div.tab a {background-color: #E5E5E5; padding: 10px; display: inline-block; margin-left: 5px; position: relative;} #opinion_form > div.tab a:hover {background-color: #B5B5B5; color: #fff} #opinion_form > div.tab a.selected {background-color: #8FB21E; color: #fff} #opinion_form > div.tab a > img.pointer {position: absolute; top: 41px; left: 50%; margin-left: -10px;} #opinion_form > #hre_registered {display: none;} #opinion_form > #hre_registered > .operators {margin-top: 7px !important;} #opinion_form > #hre_registered > .operators > input {height: 29px; cursor: pointer;} #opinion_form > #hre_registered > div.confirm_msg {padding: 10px; background: #d1d1d1; display: block;color:#897d1c; display: none;} #opinion_form > #hre_registered > div.confirm_msg > span {display: inline-block; margin-bottom: 10px; color: #424242} #opinion_form > #hre_registered > div.confirm_msg > span.attention {padding: 0px; padding-bottom: 10px; background: inherit; display: block;color:#424242;} #opinion_form > #hre_registered > div.confirm_msg > span.attention > a {background-color: #E5E5E5; padding: 10px; float: left; margin-right: 10px;} #opinion_form > #hre_registered > div.additional {display: none;} #opinion_form > #hre_register {display: none;} #opinion_items .header{font-size:13pt;font-weight: bold;background-color: #2D788D;color: #fff;padding: 5px 10px;margin-bottom: 10px} #opinion_items .item{border-bottom:1px dashed #e1e1e1;position: relative;padding-bottom: 10px} #opinion_items .item .user{font-weight: bold} #opinion_items .item .answer{color: #2D788D} #opinion_items .item .answer a{border-bottom:1px dashed #2D788D;} #opinion_items .item .rate{position: absolute;top: 5px;font-family: arial !important;font-size: 10pt !important;direction: ltr} #opinion_items .item .rate .p{padding: 0px 10px;background-color: #56BC03;color: #fff;cursor: pointer;} #opinion_items .item .rate .m{padding: 0px 10px;background-color: #FF3700;color: #fff;cursor: pointer;} #opinion_items .item .user_answer{padding: 0 10px;background-color: #3389AF;color:#fff;cursor: pointer;position: absolute;width:50px;width:38px;text-align: center} #opinion_items .item .user_comment{margin-top:10;} #opinion_items .item .comment_detail{padding: 15px 0} #opinion_items .item #opinion_form{padding: 10px 0;display: none} .pagination{padding: 20px 0 !important;} .pagination span{border: 1px solid #64937E !important;margin: 0 5px !important;padding: 3px 0 !important; border-radius: 0 !important} .pagination span a{padding: 3px 12px !important} .pagination span.current{background-color: #64937E!important; color: #fff!important} .pagination span:hover{background-color: #64937E!important; color: #fff!important} .pagination .seperator{border:none !important;} .pagination .seperator:hover{background-color: inherit !important;color:inherit !important;} .news_view_head h1{margin:5px 0 15px 0;font-size: 16pt} .news_view_head img{width: 175px;height: 175px} .news_view_head p{color: #000;margin-top: 10px;text-align: justify;} .news_view_head a{text-decoration: underline;} .news_view_head .details{border-bottom: 1px dashed #e1e1e1;padding-bottom: 5px;margin-bottom: 10px} .news_view_body {text-align: justify;} .news_view_body a{color: #3389AF;border-bottom: 1px dashed #3389AF} .news_view_body table{border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1} .news_view_body table td , .news_view_body table th{border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;padding: 2px 5px} .news_view_footer {margin-top:20px;} .news_view_footer .source{padding: 5px;color: #2D788D;border-top: 1px solid #2D788D;border-bottom: 1px solid #2D788D;margin-top:5px;font-size: 13pt} .news_view_footer .source a{text-decoration: underline;} .news_view_footer #opinion_form form > div textarea {border: 1px solid #E1E1E1;font-size: 10pt;height: 100px;padding: 2px;width: 460px;} .news_view_footer .service{padding:10px 5px} .news_view_footer .service .send_mail{line-height: 1em; cursor: pointer;} .news_view_footer .service .print_version{line-height: 1em} .news_view_footer .service .comment{background-color: #f5f5f5;padding: 5px;margin-bottom: 10px} .proposal_view_head h1{margin:5px 0 15px 0;font-size: 16pt} .proposal_view_head img{width: 175px;height: 175px; float: right; margin-left: 5px;} .proposal_view_head p{color: #000;margin-top: 10px;text-align: justify;} .proposal_view_head a{text-decoration: underline;} .proposal_view_head .details{border-bottom: 1px dashed #e1e1e1;padding-bottom: 5px;margin-bottom: 10px} .proposal_view_body{text-align: justify;} .proposal_view_body h3 {font-weight: bold; display: inline-block; margin-top: 5px;} .proposal_view_body a{color: #3389AF;border-bottom: 1px dashed #3389AF} .proposal_view_body table {margin-top: 10px;} .proposal_view_body table th {text-align: right !important;} .proposal_view_body .source{padding: 5px;color: #2D788D;border-top: 1px solid #2D788D;border-bottom: 1px solid #2D788D;margin-top:15px;font-size: 13pt; text-align: center;} .proposal_view_body .source a{} .news_opinion .header{font-size:13pt;font-weight: bold;background-color: #2D788D;color: #fff;padding: 5px 10px;margin-bottom: 10px} .paper_view_head h1{margin:5px 0 15px 0;font-size: 16pt} .paper_view_head img{width: 175px;height: 175px} .paper_view_head p{color: #000;margin-top: 10px;text-align: justify;} .paper_view_head a{text-decoration: underline;} .paper_view_head .details{border-bottom: 1px dashed #e1e1e1;padding-bottom: 5px;margin-bottom: 10px} .paper_view_body a{color: #3389AF;border-bottom: 1px dashed #3389AF} .paper_view_body table{border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1} .paper_view_body table td , .paper_view_body table th{border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;padding: 2px 5px} .paper_view_body ul{list-style: disc inside;margin:10px;} .paper_view_footer{margin-top:20px;} .paper_view_footer .source{padding: 5px;color: #2D788D;border-top: 1px solid #2D788D;border-bottom: 1px solid #2D788D;margin-top:5px;font-size: 13pt} .paper_view_footer .source a{text-decoration: underline;} .paper_view_footer #opinion_form form > div textarea {border: 1px solid #E1E1E1;font-size: 10pt;height: 100px;padding: 2px;width: 460px;} .paper_view_footer .service{padding:10px 5px} .paper_view_footer .service .send_mail{line-height: 1em; cursor: pointer;} .paper_view_footer .service .print_version{line-height: 1em} .paper_view_footer .service .rating{text-align: left;margin-top: -15px;direction: ltr} .paper_view_footer .attach{background-color: #A4CAC4;padding: 8px 10px;color:#000;font-size: 13pt; margin-top: 15px} .paper_opinion .header{font-size:13pt;font-weight: bold;background-color: #2D788D;color: #fff;padding: 5px 10px;margin-bottom: 10px} #send_friend_dialog{font-size: 11pt} #send_friend_dialog label{display: inline-block;width: 150px;vertical-align: top;} #send_friend_dialog input{border: 1px solid #E1E1E1;font-size: 11pt;padding: 2px 10px;width: 240px;} #send_friend_dialog textarea{border: 1px solid #E1E1E1;font-size: 10pt;height: 100px;padding: 2px;width: 255px} #send_friend_dialog #captcha{width: 190px !important} #send_friend_dialog > div{margin-bottom: 5px} .latest_news{border-bottom: 1px dashed #e1e1e1;padding-bottom: 10px;text-align: justify;} .latest_news img{width: 175px;height: 175px;} .latest_news h1{margin-top: 10px;width: 415px;color: #3388AF;font-size: 16pt;margin-bottom: 20px} .latest_paper {border-bottom: 1px dashed #e1e1e1;padding-bottom: 10px;margin-bottom: 20px} .latest_paper img{width: 175px;height: 175px;} .latest_paper h1{margin-top: 10px;color: #3388AF;font-size: 16pt;margin-bottom: 20px} .latest_paper .header{background-color: #64937E;color: #FFFFFF;font-size: 14pt;font-weight: bold;padding: 5px 10px;} .latest_paper .details{border-bottom: 1px dashed #E1E1E1;margin-bottom: 10px;padding: 5px 0;} .latest_paper .tags{margin-top:10px;border-top:1px dashed #e1e1e1;padding-top: 10px} .latest_teletext {border-bottom: 1px dashed #e1e1e1;padding-bottom: 10px;margin-bottom: 20px} .latest_teletext h1{margin-top: 10px;color: #3388AF;font-size: 16pt;margin-bottom: 20px} .latest_teletext .header{background-color: #64937E;color: #FFFFFF;font-size: 14pt;font-weight: bold;padding: 5px 10px;} .latest_teletext .details{border-bottom: 1px dashed #E1E1E1;margin-bottom: 10px;padding: 5px 0;} .latest_teletext .tags{margin-top:10px;border-top:1px dashed #e1e1e1;padding-top: 10px} .comp_teletext {border-bottom: 1px dashed #E1E1E1; padding-bottom: 10px;margin-bottom: 20px} .comp_teletext h1 {margin-top: 5px;color: #3388AF;font-size: 14pt;margin-bottom: 5px} .comp_teletext h2 {margin-top: 5px;font-size: 12pt;margin-bottom: 5px; font-weight: bold;} .comp_teletext .header {background-color: #2D788D;color: #FFFFFF;font-size: 14pt;font-weight: bold;padding: 5px 10px;} .comp_teletext .details {border-bottom: 1px dashed #E1E1E1;margin-bottom: 10px;padding: 5px 0;} .comp_teletext .comp_detail {border-top: 1px dashed #E1E1E1; margin-top: 10px; padding: 5px 0;} .comp_teletext_last {padding-bottom: 10px;margin-bottom: 10px} .comp_teletext_last .header {background-color: #2D788D;color: #FFFFFF;font-size: 14pt;font-weight: bold;padding: 5px 10px;} .comp_teletext_last h1 {margin-top: 10px;color: #3388AF;font-size: 16pt;padding-bottom: 10px; border-bottom: 1px dashed #E1E1E1;} .comp_teletext_last h1:before{content: '» '; color: #424242; font-size: 15px} .teletext_archive {margin-top:20px;} .teletext_archive .header{background-color: #64937E;color: #FFFFFF;font-size: 13pt;font-weight: bold;margin-bottom: 10px;padding: 3px 10px;} .teletext_archive ul li{padding: 3px 10px;border-bottom:1px dashed #e1e1e1;} #teletext_info {border-bottom: 5px solid #4EBFC5} #teletext_info .header{font-size: 14pt;font-weight:bold;padding: 5px 10px;background-color: #4EBFC5;color: #fff;margin-bottom: 10px;margin-top:20px;} #teletext_info .content {padding-bottom: 20px; padding-top: 5px;} .paper_list .header{background-color: #2D788D;color: #FFFFFF;font-size: 14pt;font-weight: bold;padding: 5px 10px;margin: 0 0 20px 0;} .paper_list .items{margin-bottom:10px;padding: 5px 10px;} .paper_list .items h3{font-size: 16pt} .paper_list .items .item{border-bottom:1px dashed #e1e1e1;padding:5px 0; overflow: hidden;} .paper_list .items .item p {color: #777777;text-align: justify;margin-top: 5px;} .paper_list .items .item img {width: 65px; height: 65px; float: right; margin-left: 10px; margin-bottom: 5px; margin-top: 5px} .paper_list .items .item:before{content: '» '} #paper_list{border-bottom: 5px solid #4EBFC5} #paper_list .header{font-size: 14pt;font-weight:bold;padding: 5px 10px;background-color: #4EBFC5;color: #fff;margin-bottom: 20px;margin-top:20px;} #paper_list .item{padding:0 10px;padding:5px 0;position: relative;border-bottom:1px dashed #e1e1e1;text-align: justify;} #paper_list .item h3:before{content: '» '} #paper_list .item:hover{background-color: #f5f5f5} #person_info .header{background-color: #2D788D;color: #FFFFFF;font-size: 14pt;font-weight: bold;padding: 5px 10px;margin: 0 0 20px 0;} #person_info img {width: 90px; height: 130px; margin-bottom: 15px} #person_info span {display: block;} #paper_search{border-bottom: 5px solid #2D788D;padding-bottom: 5px} #paper_search .header{font-size: 13pt;font-weight:bold;padding: 3px 10px;background-color: #2D788D;color: #fff;margin-bottom: 10px;} #paper_search form > div{padding: 5px} #paper_search form > div label{width: 100px;display: inline-block;} #paper_search .keyword input{width:290px;border:1px solid #C1C1C1;} #paper_search form .submit{border:none;background: none;background-color: #2D788D;color:#fff;padding:0 30px;} #search_result .item{padding: 8px;border-bottom: 1px solid #e1e1e1;text-align: justify;} #search_result .item img{width: 75px;height: 75px;} #search_result .item h2{font-size: 14pt;color: #3388AF} #search_result .item h2 span{ font-size: 11pt;color: #424242;background: rgb(234, 234, 234);display: inline-block;padding: 0 5px;vertical-align: top;} #search_result .count{border-bottom:1px solid #e1e1e1;padding:5px 10px;} #search_result .header{background-color: #64937E;color: #FFFFFF;font-size: 14pt;font-weight: bold;margin-bottom: 20px;padding: 5px 10px;} .last_publish img,.magazin-img {width: 150px;height: 200px;box-shadow: 5px -5px 0px #C7C7C7;-webkit-box-shadow: 5px -5px 0px #C7C7C7;-moz-box-shadow: 5px -5px 0px #C7C7C7;-ms-box-shadow: 5px -5px 0px #C7C7C7;} .last_publish .title{color: #FF2A00;font-size: 15pt;padding-top: 20px} .last_publish_intro{clear: both;padding: 20px 10px} .last_publish .detail h1{color: #3388AF;font-size: 16pt;margin: 5px 0} .publisher_archive{margin-bottom:10px;} .publisher_archive .header{background-color: #64937E;color: #FFFFFF;font-size: 13pt;font-weight: bold;margin-bottom: 10px;padding: 3px 10px;} .publisher_archive ul li{padding: 3px 10px;border-bottom:1px dashed #e1e1e1;} .publisher_index .header{background-color: #2D788D;color: #FFFFFF;font-size: 13pt;font-weight: bold;margin-bottom: 10px;padding: 3px 10px;} .publisher_index .title{border-bottom: 1px solid #2D788D;color: #2D788D;font-size: 14pt;font-weight: bold;padding: 3px 10px;} .publisher_index ul{margin-bottom:20px;} .publisher_index ul li{padding: 5px 10px;border-bottom: 1px dashed #E1E1E1;} table.reqular {border-top:1px solid #e1e1e1} table.reqular td,table.reqular th{border-bottom:1px solid #e1e1e1;padding: 2px 5px;} table.reqular th{background-color: #EFEFEF;font-weight: bold} table.workshop_tbl {margin-bottom: 10px; width: 100%} table.workshop_tbl th{text-align:right;font-weight:bold;padding:2px 3px} table.workshop_tbl td{padding:2px 3px} /* TOTAL REPORT Added by Arash */ table#total_report tr[branch] {display: none; background: #EBEBEB} table#total_report tr.hasbranch {cursor: pointer !important;} table#total_report tr i {float: left; vertical-align: text-top;} table#total_report td span {display: block;} /* DIV GRADE Added by Arash */ /*div.grade {display: block;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1} div.grade div.rows {border-bottom:1px solid #e1e1e1; display: table-rows;} div.grade div.rows div {display: inline-block; padding: 5px; border-right:1px solid #e1e1e1;} div.grade div.rows.head {background-color: #EFEFEF;font-weight: bold} div.grade div.rows.list {}*/ #event_calendar{margin-bottom: 10px;width: 300px;background-color: #fff;} #event_calendar table{background-color: #fff} #event_calendar .ui-datepicker{width: 291px;padding: 5px;background: #fff !important} #event_calendar td[hasEvent] a{background: #3895c1;color:#fff;} #event_detail{background-color: #fff;border:1px solid #e1e1e1;padding: 5px;margin-bottom: 10px;margin-top:-10px;border-top:none;display: none} #event_detail li{margin-bottom: 5px;border-bottom:1px dashed #e1e1e1;padding: 5px} #event_detail li:last-child{border-bottom:none;margin-bottom:0;} #event_detail li .date{} #event_detail li .title{font-weight: bold} #event_detail li .more{color: #3895C1;text-decoration: underline;} .event_view .header {font-size: 14pt;font-weight:bold;padding: 5px 10px;background-color: #64937E;color: #fff;margin-bottom: 20px;} .event_view h1 {margin-bottom: 20px;padding: 0 10px;line-height: 1.1em} .event_view p {padding: 5px 10px} .event_view a.link_to_events {padding: 5px 10px; background:#83A31D; color:#fff; display:inline-block;} .event_view .last_report_events {background:#4D71A8} .event_view .last_report div.item {border-bottom: 1px silver dashed; margin-bottom: 5px; padding-bottom: 5px;} .event_view .last_report div.item .header{font-size: 14pt;font-weight:bold;padding: 5px 10px;background-color: #64937E;color: #fff;margin-bottom: 20px;} .event_view .last_report div.item h1{margin-bottom: 10px;padding: 0 10px;line-height: 1.1em; font-size: 20px;} .event_view .last_report div.item p{padding: 5px 10px} .event_view .last_report div.item span{padding: 5px 10px} .event_view .last_report div.item:nth-child(n+2) {display:none} .event_list .header {font-size: 14pt;font-weight:bold;padding: 5px 10px;background-color: #64937E;color: #fff;margin-bottom: 20px;} .event_list .header a {float: left;font-weight: normal;font-size: 15px;background-color: rgba(0,0,0,0.3);display: inline-block;padding: 6px 10px;margin: -5px -10px;} .event_list .header span {font-size: 15px; font-weight: normal; padding-right: 10px;} .event_list .header span:before {content: ' - '; margin-left: 10px; font-family: arial} .event_list .list {} .event_list .list li {position: relative;} .event_list .list li:not(:last-child) {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #e1e1e1} .event_list .list li span {display: block;margin-right: 30px;} .event_list .list li .event_title {font-size: 19px; font-weight: bold; margin-bottom: 10px} .event_list .list li img {display: inline-block; vertical-align: middle; margin-left: 15px; margin-right: -30px} .event_list .list li .ics_file {background: #e1e1e1;display: inline-block;padding: 1px 6px;font-size: 15px;color: rgb(121, 121, 121); float: left} .online_report .header{font-size: 14pt;font-weight:bold;padding: 5px 10px;background-color: #f6a828;color: #fff;margin-bottom: 20px;} .online_report h1{margin-bottom: 10px;padding: 0 10px;line-height: 1.1em; font-size: 20px; float: right;} .online_report p{padding: 5px 10px} .online_report span{padding: 5px 10px} .online_report .header span.refresh_time {float: left; font-size: 15px; direction: rtl; padding:0; margin: 0 } .report_list {border-bottom: 1px silver dashed; margin-bottom: 15px; padding-bottom: 5px;} .report_list .images, .player {display: block;} .report_list .images, .player div[id^=player] {margin: auto} .report_list span.datetime {background: #E1E1E1; padding: 2px 10px !important; margin-right: 10px;margin-bottom: 5px;display: inline-block; float: left} .online_right_menu {float: right;} #online_report_archive, #online_report_detail {background-color: #fff;padding: 10px;width: 164px} #online_report_detail .header, #online_report_archive .header {font-size: 14pt;font-weight: bold;padding: 5px 10px;background-color: #2D788D;color: #fff; margin-bottom: 10px;} #online_report_archive .select .select_head img{float:right;margin-left:10px;margin-top:2px;} #online_report_archive .select .select_body{background-color: #fff;border:1px solid #DBDBDB;color:#000;border-top:none;position:absolute;display:none;max-height:300px;overflow: auto;z-index:66666;} #online_report_archive .select .select_body li{padding:2px 5px;cursor: pointer; border: 0; background: #fff; color: #000} #online_report_detail .detail img {max-width: 163px;} #online_report_detail .title {font-weight: bold; padding: 10px 0} .event_detail .first_block {margin-top: 10px !important;} .rss_news {clear: both} .rss_news .header {font-size: 14pt;font-weight: bold;padding: 5px 10px;background-color: #64937E;color: white;margin-bottom: 20px;margin-top: 20px;} .rss_news > div{margin-bottom: 10px} .rss_news > div .ag_title{padding: 3px 10px;background-color: #f5f5f5;cursor: pointer;} .rss_news > div ul li{padding:6px;border-bottom: 1px dashed #e1e1e1;text-align: justify} .rss_news > div ul li a{font-weight: bold} /*-------------------------ICONS 16----------------------------------*/ .icon{width: 16px;height: 16px;display: block;} .icon.rss{background: transparent url('../images/icons/rss.png')} .icon.setting{background: transparent url('../images/icons/setting.png')} .icon.up{background: transparent url('../images/icons/up.png')} .icon.down{background: transparent url('../images/icons/down.png')} .icon.close{background: transparent url('../images/icons/close.png')} .icon.setting_b{background: transparent url('../images/icons/setting_b.png')} .icon.next{background: transparent url('../images/icons/next.png')} .icon.prev{background: transparent url('../images/icons/prev.png')} .icon.play{background: transparent url('../images/icons/play.png')} .icon.pause{background: transparent url('../images/icons/pause.png')} .icon.plus{background: transparent url('../images/icons/plus.png')} .icon.minus{background: transparent url('../images/icons/minus.png')} .icon.bookmark{background: transparent url("../images/icons/bookmark.png")} .icon.calendar{background: transparent url("../images/icons/calendar.png");} .icon.subject{background: transparent url("../images/icons/subject.png");} .icon.local{background: transparent url("../images/icons/local.png");} .icon.count{background: transparent url("../images/icons/count.png");} .icon.time{background: transparent url("../images/icons/time.png");} .icon.source{background: transparent url("../images/icons/count.png");} .icon.connect{background: transparent url("../images/icons/connect.png");} .icon.print{background: transparent url("../images/icons/print.png");} .icon.mail{background: transparent url("../images/icons/mail.png");} .icon.tag{background: transparent url("../images/icons/tag.png");} .icon.refresh{background: transparent url("../images/icons/refresh.png");} /*-------------------------ICONS 24----------------------------------*/ .icon-24{width: 24px;height: 24px;display: block;} .external_link{background: transparent url('../images/icons/ext_link.png')} .save{background: transparent url('../images/icons/save.png')} /* mardani */ #presentation_file {width: 100%} #presentation_file th {font-weight: bold; background-color: #A4CAC4} #presentation_file td,#presentation_file th {border: 1px solid #2D788D; padding: 2px 5px; text-align: center} .paper_view_footer .gallery_link{border-top:1px dashed #e1e1e1;padding: 10px;border-bottom:1px dashed #e1e1e1;background-color: #f5f5f5} .overlay_dark{position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: block;z-index: 77777; background: rgba(0,0,0,0.7); display: none;} /*.overlay_dark div {color:#fff;margin:auto;width:500px;text-align:center;margin-top:200px}*/ .overlay_dark div.online_report {color:#282828; margin:auto; width:800px; margin-top:50px; background: #fff; height: 580px; overflow: hidden; border-bottom: 5px solid #fff} .overlay_dark div.online_report div.head {background: #f6a828; position: relative; color: #fff} .overlay_dark div.online_report div.head span.label {padding: 8px; display: block; font-weight: bold;} .overlay_dark div.online_report div.head span.label span {background: rgb(255, 82, 0);padding: 2px 5px;margin-left: 50px;position: absolute;left: 0;top: 6px;} .overlay_dark div.online_report div.head i { padding: 8px; font-size: 25px; position: absolute; top: 0; left: 0; cursor: pointer;} .overlay_dark div.online_report div.report {max-height: 476px; overflow: auto; padding: 10px} .overlay_dark div.online_report div.report div.report_list img {max-width: 762px} .overlay_dark div.online_report div.report div.report_list div.player div[id^=player] {width: 480px !important; height: 320px !important} .overlay_dark div.online_report p.link {padding: 5px 10px;color: #fff;background-color: #3389AF;display: inline-block;margin-left: 5px;margin-top: 10px;} .overlay_dark div.online_report div.foot {text-align: center;} /*PERSON HOME SPECIAL STYLES*/ .person_home{} .person_home div span.simple_text{padding: 10px; display: block;margin-bottom: 10px} .person_home div span.simple_text a{color: #3389AF;border-bottom: 1px dashed #3389AF;} .person_home .operators{width:428px;} /*PERSON CHANGE PASSWORD SPECIAL STYLES*/ .change_password{width: 426px;margin: auto} .change_password div span.simple_text{padding: 10px; display: block;margin-bottom: 10px} .change_password div span.simple_text a{color: #3389AF;border-bottom: 1px dashed #3389AF;} .change_password .operators{width:426px;} /*PERSON EDIT EMAIL SPECIAL STYLES*/ .edit_email{width: 426px;margin: auto} .edit_email div span.simple_text{padding: 10px; display: block;margin-bottom: 10px} .edit_email div span.simple_text a{color: #3389AF;border-bottom: 1px dashed #3389AF;} .edit_email .operators{width:426px;} .questionnaire_header {font-size: 14pt;font-weight: bold;padding: 5px 10px;background-color: #64937E;color: #fff;margin-bottom: 20px;} #questionnaire_report .csv a {padding: 5px 10px !important;} #questionnaire button {font-family: nassim !important; font-size: 12pt;} #questionnaire label {font-size: 12pt !important} #questionnaire_form .element_caption {font-size: 11pt !important} /*.form_field label#questionnaire_form input[type=submit],*/ #questionnaire_list input[type=submit] {width: 100px;float: left;border: none;background: none;background-color: #8FB21E;color: #fff; padding: 3px 30px} #questionnaire_form .question.isrequire .notic:before {background: transparent !important; content: '*' !important; color: #d36652;top: calc(50% - 2px) !important;font-size: 17pt; padding-left: 10px !important} table.indic_values {} table.indic_values td span {} table.indic_values ul.select_body {max-height: 150px} /*INDICATOR PLAN*/ .plan_list .header{font-size: 14pt;font-weight: bold;padding: 5px 10px;background-color: #2D788D;color: #fff;} .plan_list table{border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;width:100%;margin-top:10px;} .plan_list table td , .plan_list table th{border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;padding: 3px} .plan_list table th{background-color: #f5f5f5;font-weight: bold} .plan_list table a{color: #3389AF;font-weight: bold} .plan_view .header{font-size: 14pt;font-weight: bold;padding: 5px 10px;background-color: #2D788D;color: #fff;} .plan_view .plan_detail{padding: 10px} .plan_view .plan_detail h1{font-size:14pt;} .plan_view .plan_detail ul{margin:15px 30px;} .plan_view .plan_detail ul.goal li{list-style :disc;} .plan_view .plan_detail ul.acti li{list-style :decimal;} .plan_view .plan_detail ul.acti li a{color: #3389AF} .activity_view .header{font-size: 14pt;font-weight: bold;padding: 5px 10px;background-color: #2D788D;color: #fff;} .activity_view .activity_detail{padding: 10px} .activity_view .activity_detail h1{font-size:14pt;} .activity_view .activity_detail ul{margin:15px 30px;} .activity_view .activity_detail ul.goal li{list-style :disc;} .activity_view .indic_contain{} .activity_view .indic_contain table{border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;width:100%;margin-top:10px;} .activity_view .indic_contain table td , .activity_view .indic_contain table th{border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;padding: 3px} .activity_view .indic_contain table th{background-color: #f5f5f5;font-weight: bold} .activity_view .indic_contain table td img{vertical-align: middle;cursor: pointer;} table.indic_values {} table.indic_values div.select {float: left; vertical-align: middle;} table.indic_values ul.select_body {max-height: 150px} form[name=chart_interval] {background: #F1F1F1;padding: 5px;} form[name=chart_interval] input[type=text] {width: 230px !important; cursor: pointer !important} form[name=chart_interval] div {padding-bottom: 0 !important} form[name=chart_interval] input[type=submit] {float: left;background-color: #8FB21E;color: #fff;padding: 1px 10px;border: 1px solid #83A31D;width: 100px;margin: 7px;} table.baseTable{border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;width:100%;margin-top:10px;} table.baseTable td , table.baseTable th{border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;padding: 3px} table.baseTable th{background-color: #f5f5f5;font-weight: bold} table.baseTable td img{vertical-align: middle;cursor: pointer;} /* FORM STYLES */ .col_right_with_menu{width:720px;float: left} .form{} .form h1{font-size: 14pt;font-weight: bold;padding: 5px 10px;background-color: #2D788D;color: #fff;margin-bottom: 10px} .form h2{font-size: 13pt;font-weight: bold;padding: 5px 10px;background-color: #f5f5f5} .form .f_row{padding: 5px;min-height: 30px;position: relative;} .form .f_row label{width: 200px;display: inline-block;} .form .f_row input[type=text],.form .f_row input[type=password]{border:1px solid #e1e1e1;padding: 3px;width: 296px} .form .f_row input[type=radio],.form .f_row input[type=checkbox]{vertical-align: middle;margin-right: 5px} .form .f_row input[type=file]{border:1px solid #e1e1e1;padding: 3px} .form .f_row .full{width:700px !important;} .form .f_row .select{font-size: 8pt} .form .f_row[require=require] label:after,.form .f_row[require=require] p:after{content:'*';color: red;margin-left:5px;font-size: 12pt} .form .f_row input[type=submit]{cursor: pointer;float: right;background-color: #2BA192;color: #fff;padding: 3px 10px;border: 1px solid #3D8E6C;width: 100px;} .form .f_row textarea{border:1px solid #e1e1e1;padding:3px;font-family: inherit;} .form .f_row table{border-right:1px solid #e1e1e1;border-top:1px solid #e1e1e1;width:100%;} .form .f_row table td,.form .f_row table th{border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding: 2px 3px} .form .f_row table th{background-color: #f5f5f5} .form .f_row table td input[type=text]{width:205px !important;} .form .f_row p{padding: 5px;} .form .f_row p:before{content:"»";margin-right:5px;} .form .f_row .true_val{padding: 4px;background-color: #9fc95c;color:#fff;} .form .f_row .false_val{padding: 4px;background-color: #ff5000;color:#fff;} .form .f_row .help_val{padding: 4px;background-color: #3ea8b2;color:#fff;} .form .f_row select{padding: 2px 3px;font-size: 9pt} .form .f_row button{font-size: 9pt;margin-top: 5px;background-color: #4eb5bf;border:1px solid #1d93aa;padding: 3px 5px;color:#fff;cursor: pointer;} .form .f_row .delete_row{cursor: pointer;background-color: #ff0000;color:#fff;padding: 2px} .form .f_row .student_cart_img{max-width: 300px;padding: 5px;border:1px solid #e1e1e1;} .form .f_row .student_cart_delete{position: absolute;top:5px;left: 210px;background-color:#ff0000;color:#fff; padding: 5px;cursor: pointer;} .form .f_row div.attach {display: inline-block; width: 300px;} .form .f_row div.attach a {background: #e1e1e1; padding: 5px;} .form .f_row div.attach span.icon {cursor: pointer;} /* NANOSAFETY DASHBOARD */ .ns_dashboard h1{font-size: 14pt;font-weight: bold;padding: 5px 10px;background-color: #2D788D;color: #fff;margin-bottom: 10px} .ns_dashboard .items{padding: 10px} .ns_dashboard .items .item{padding:20px 20px 20px 70px;width: 200px;display: inline-block;margin-right: 10px;background-color: #f5f5f5;border:1px solid #e1e1e1;margin-bottom:10px;} .ns_dashboard .items .item{background-repeat: no-repeat;background-position: 5px;} .ns_dashboard .alert{background-color: #ffea32;border:1px solid #ffcc00;padding: 5px;margin-bottom: 10px;direction: rtl;text-align: right;} .ns_dashboard .alert a{text-decoration: underline;} /* MESSAGE LIST */ .ns_message h1{font-size: 14pt;font-weight: bold;padding: 5px 10px;background-color: #2D788D;color: #fff;margin-bottom: 10px} .ns_message .message{padding:5px 10px;background-color: #f5f5f5;margin-bottom:3px;border-bottom:1px solid #e1e1e1;} .ns_message .message_header{cursor: pointer;} .ns_message .message_body{padding:20px;background-color: #d8d8d8;margin-top:10px;} .ns_message .alert{background-color: #ffea32;border:1px solid #ffcc00;padding: 5px;margin-bottom: 10px;} .ns_message input[type=submit]{cursor: pointer;float: right;background-color: #2BA192;color: #fff;padding: 3px 10px;border: 1px solid #3D8E6C;width: 100px;} .user_info{padding: 20px;background-color: #9ee0ef;margin-bottom: 10px;border:1px solid #7fc0cf;} .user_info .logout{margin-left: 10px;padding: 0 10px;border-left:1px solid #7fc0cf;} .user_info .back_to_dashboard{padding: 0 10px;border-left:1px solid #7fc0cf;} .user_info h2{display: inline-block;font-size: 13pt;font-weight: bold;margin-left:10px;} /* ARTICLE LIST */ #article_list h1{font-size: 14pt;font-weight: bold;padding: 5px 10px;background-color: #2D788D;color: #fff;margin-bottom: 10px;} #article_list table{border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;width:100%;} #article_list table th,#article_list table td{border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;padding:3px 5px;} #article_list table th{background-color: #f5f5f5} #article_list td a{color: #3389AF;border-bottom: 1px dashed #3389AF;} #article_list .alert{background-color: #ffea32;border:1px solid #ffcc00;padding: 5px;margin-bottom: 10px} #article_list .delete_submission{cursor: pointer;background-color: #ff0000;color: #fff;padding: 2px;border:none;} /* Visa Form datePicker */ #ui-datepicker-div {margin-bottom:10px;margin-top: 10px; width: 297px;} #ui-datepicker-div table.ui-datepicker-calendar {width:295px;} #ui-datepicker-div table.ui-datepicker-calendar th {font-weight: normal} #ui-datepicker-div table.ui-datepicker-calendar td a.ui-state-hover {color: #fff; background: #80CED5; border: 1px #7AB2B7 solid} #ui-datepicker-div table.ui-datepicker-calendar td.ui-datepicker-today {background-color: #eee; color: #282828} #ui-datepicker-div table.ui-datepicker-calendar td.ui-datepicker-today a{color: #fff; background: #3ea8b2; border: 1px #2E858D solid} #ui-datepicker-div table.ui-datepicker-calendar td.ui-datepicker-current-day {} #ui-datepicker-div table.ui-datepicker-calendar td.ui-datepicker-current-day a {color: #fff; background: #2BA192; border: 1px solid #3D8E6C} #ui-datepicker-div .ui-datepicker-title {text-align: center} #ui-datepicker-div .ui-datepicker-next {float: right} #ui-datepicker-div .ui-datepicker-prev {float: left} #ui-datepicker-div .ui-datepicker-header {border: 1px solid #2D788D;background: #2D788D;} #ui-datepicker-div .ui-datepicker-header a:hover {background: #3ea8b2 ; border: 1px solid #3ea8b2} #ui-datepicker-div .ui-datepicker-header a span {background-image: url(images/ui-icons_ffffff_256x240.png);} #ui-datepicker-div select {/*font-size: 8pt; height: 21px;*/ width: 48%} #ui-datepicker-div select:first-child {margin-right: 5px;} /* PAYMENT */ #payment h1{font-size: 14pt;font-weight: bold;padding: 5px 10px;background-color: #2D788D;color: #fff;margin-bottom: 10px;} #payment p{padding: 3px 10px;background-color: #f5f5f5;margin-bottom: 3px} #payment .payment_link{cursor: pointer;background-color: #2BA192;color: #fff;padding: 3px 10px;border: 1px solid #3D8E6C;width: 100px;} #payment table:not(.reqular) {border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;width:100%;margin-bottom: 10px;direction: rtl;text-align: right} #payment th,#payment td{border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;padding: 3px 5px} #payment th{background-color: #f5f5f5} #payment .alert{background-color: #ffea32;border:1px solid #ffcc00;padding: 5px;margin-bottom: 10px;direction: rtl;text-align: right} #ns_article .alert,#ns_forget .alert{background-color: #ffea32;border:1px solid #ffcc00;padding: 5px;margin-bottom: 10px} /* NANO SITE LITE POPUP */ .nano {background: #fff; width: 100%; height: 100%; position: fixed; z-index: 2000; top: -1000px; display: none; right: 0} .nano div.header {background: #E8ECF7; text-align: center; padding: 10px; position: relative;} .nano div.header span.title {display: block; color: #4C5566} .nano div.header span.title.fa {font-weight: bold; font-size: 35px; padding: 15px;} .nano div.header span.title.en {font-size: 15px} .nano div.header span.close {position: absolute; top: 25px; left: 25px; width: 50px; cursor: pointer;} .nano div.header span.close i {display: block; font-size: 30px;} .nano div.nav {background: #4C5566; text-align: center;} .nano div.nav a {display: inline-block;; padding: 10px; color: #fff; cursor: pointer;} .nano div.nav a i {font-size: 14px;vertical-align: middle;margin-left: 5px;} .nano div.nav a:hover {background: #333E52} .nano div.nav a.active {background: #FB4C39; position: relative;} .nano div.nav a.active:after {content: ''; font-family: iFont; font-size: 25px; color: #FB4C39; position: absolute; top: 29px;left: 50%;margin-left: -10px;} .nano div.list {padding: 15px 25px;text-align: center; height: 450px; position: relative;} .nano div.list div.scroll {overflow: hidden; height: 450px; position: absolute; width: 100%;} .nano div.list[type="group"] li {background: #E8ECF7; border-radius: 3px; padding: 15px; display: inline-block; height: 250px; width: 160px; text-align: center;margin-left: 9px;margin-bottom: 10px; cursor: pointer; vertical-align: top;} .nano div.list[type="group"] li:hover {background: #DEE2EE;} .nano div.list[type="group"] li:hover span.name {color: #4C5566;} .nano div.list[type="group"] li:hover div.avatar {border-color: #fff} .nano div.list[type="group"] li div.avatar {width: 150px; height: 150px; overflow: hidden; border-radius: 100px; border: 5px solid #DDE1ED; display: block;} .nano div.list[type="group"] li span.name {color: #9CA2AE; font-size: 18px; font-weight: bold; padding: 15px 5px; margin-top: 15px; display: block;} .nano div.list[type="group"] li p.description {display: none;} .nano div.list[type="group"] li div.full_text {display: none;} .nano div.list[type="group"] li img {width: 160px} .nano div.list[type="detail"] li {background: #E8ECF7; border-radius: 3px; padding: 15px; display: inline-block; height: 115px; width: 460px; text-align: right;margin-left: 9px;margin-bottom: 10px; cursor: pointer; position: relative; vertical-align: top;} .nano div.list[type="detail"] li:hover {background: #DEE2EE;} .nano div.list[type="detail"] li:hover span.name {color: #4C5566;} .nano div.list[type="detail"] li:hover div.avatar {border-color: #fff;} .nano div.list[type="detail"] li div.avatar {width: 100px; height: 100px; overflow: hidden; border-radius: 100px; border: 5px solid #DDE1ED; display: block; float: right; margin-left: 10px} .nano div.list[type="detail"] li span.name {color: #9CA2AE; font-size: 18px; font-weight: bold; padding: 15px 5px; display: block;} .nano div.list[type="detail"] li p.description {display: block;height: 90px;position: absolute;right: 136px;} .nano div.list[type="detail"] li div.full_text {position: absolute;background: #DEE2EE;padding: 15px;z-index: 100;right: 0;border-radius: 0 0 3px 3px;top: 133px;display: none;} .nano div.list[type="detail"] li img {width: 110px} .nano div.footer {background: #4C5566; position: absolute; bottom: 0; width: 100%; padding : 10px 15px; color: #fff} .nano div.footer span.cr_en {float: left; margin-left: 30px; direction: ltr;} /* STATISTIC */ div.statistic {margin-top: 20px; display: block;} div.statistic span.title {background-color: #2D788D;color: #FFFFFF;font-size: 14pt;font-weight: bold;padding: 5px 10px; display: block;} div.statistic p {background-color: #f5f5f5; border-left: 5px solid #64937E; padding: 3px 5px 3px 10px; margin-top: 5px; font-size: 10pt !important;font-family: arial !important;} div.statistic p span {float: right; display: inline-block; background: #64937E; color: #fff; padding: 3px 15px;margin: -3px -5px;} /* TARVIJ */ form#tarvij div.fileuploader {} form#tarvij div.fileuploader div.uploader_area {display: inline-block; vertical-align: middle;} form#tarvij div.fileuploader a {background: #ccc;padding: 5px 10px;display: inline-block;cursor: pointer; margin-left: 5px} form#tarvij div.fileuploader a.remove_file {background: #E84040; color: #fff} form#tarvij div.fileuploader div.upload-button a.remove_file {margin-right: 3px} form#tarvij div.fileuploader input {height: 25px;width: 100px; cursor: pointer;} form#tarvij input[readonly] {background: #EBEBE4} form#tarvij span.help_val {padding: 5px 10px;background: #EEE7E3;color: #CA9191;position: relative; float: left;} form#tarvij span.help_val:before {content: '';font-family: iFont;color: #EEE7E3;position: absolute;right: -5px;top: 5px;} form#tarvij span.section {background: #2D788D!important;color: #FFFFFF!important; font-weight: bold;} form#tarvij div.center_title {position: relative;} form#tarvij div.center_title img.center_loader {position: absolute;left: 10px;top: 12px;} /* NEW UPDATE */ #index_indic{padding:10px;} #index_indic .refresh_detail{padding:3px 10px;background-color: #FF710A;color:#fff;margin: 3px 0} #index_indic table{border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1;width:100%;} #index_indic th , #index_indic td{border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding: 2px 5px} #index_indic th{background-color: #f5f5f5;font-weight: bold} /* TOOLTIP */ /**[tooltip] {position: relative;}*/ .tooltip {padding: 5px;background: #808688;min-width: 160px;position: absolute;border-radius: 4px; color: #fff} .tooltip img {vertical-align: middle;margin-left: 10px;} .tooltip span.label {width: 140px; display: inline-block;} .tooltip:after {position: absolute; content: ''; font-family: iFont; font-size: 25pt; bottom: -15px; right: 10px; color: #808688} .tooltip i[icon=remove] {position: absolute; top: 10px; left: 10px; cursor: pointer;} .tooltip td {color: #fff; padding: 0px 5px !important} .tooltip th {color: #282828; padding: 0px 5px !important} .tooltip .title {padding-top: 5px; display: block; padding-bottom: 5px} *[tooltip] {cursor: help} .print_view {padding: 25px;} .print_view .setad_logo {text-align: center;; padding-bottom: 15px} .print_view .setad_logo .tarvij_title {display: block; font-size: 15px; font-weight: bold; margin-bottom: 25px} .print_view .center_detail {} .print_view .center_detail img {float: left; max-width: 80px; max-height: 80px} .print_view .center_detail div {padding-bottom: 10px} .print_view .center_detail span.label {display: inline-block; font-weight: bold; width: 200px} .print_view .center_detail div p {display: inline-block;} /*FOLLOW BOX*/ i.set_follow_flag {background: #4EBFC5; padding: 4px 5px; color: #fff; cursor: pointer; text-decoration: none !important; margin-left: 5px; position: relative; margin-right: 5px} i.set_follow_flag span {font-family: iFont;position: absolute;right: -4px;color: #4EBFC5;display: block;top: 1px;} i.set_follow_flag:after {/*content: 'اشتراک';*/ font-family: nassim; vertical-align: top; text-decoration: none !important; font-size: 14px; font-weight: bold; margin-right: 3px} /*content: attr(title);*/ .follow_box {position: absolute;background: #FFFFFF;padding: 10px;border: 1px #C2C2C2 solid;z-index: 100;box-shadow: 0 0 5px -1px #9C9C9C;-moz-box-shadow: 0 0 5px -1px #9C9C9C;-webkit-box-shadow: 0 0 5px -1px #9C9C9C; display: none; width: 210px} .follow_box:after {font-family: iFont;content: '';font-size: 20pt;top: -14px;left: 15px;color: #fff;text-shadow: 0px -2px 0px #C2C2C2;position: absolute;} .follow_box .follow_count {margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px dashed #C2C2C2;} .follow_box .get_mail {} .follow_box .get_mail .label {display: block;} .follow_box .get_mail input {padding: 3px;font-family: nassim;font-size: 12px;border: 1px solid #C1C1C1;display: block;margin: 5px 0;width: 200px;text-align: left;direction: ltr;} .follow_box .get_mail button {border: none;background: none;background-color: #2D788D;color: #fff;padding: 0 30px;font-family: nassim !important;font-size: 12pt !important; margin: 5px 0 0 0} #foot_menu {padding: 0 10px;margin: 10px 0;background: #F3F3F3;} #foot_menu > ul > li {display: inline-block;padding: 6px 0 6px 10px;line-height: 1em;margin: 7px 0; width: 175px; vertical-align: top} #foot_menu > ul > li:last-child {padding-left: 0 !important} #foot_menu > ul > li .parent {display: block;font-weight: bold;margin-bottom: 8px;padding: 5px;border-bottom: 1px solid #CACACA;background: #E9E9E9;} #foot_menu > ul > li .parent i {font-size: 11px; margin-left: 5px; float: left;} #foot_menu > ul > li .sub_menu {display:block;} #foot_menu > ul > li .sub_menu li {padding: 5px;} #foot_menu > ul > li .sub_menu li a {display: block;} #foot_menu > ul > li .sub_menu li:hover{background-color: #494949; color: #E5E5E5} .rtl {text-align: right; direction: rtl;unicode-bidi: bidi-override;} .ltr {text-align: left;direction: ltr;unicode-bidi: bidi-override;} .last_publish {background: #F7F7F7;padding: 20px;position: relative;} .last_publish .detail {float: right;} .next-prev a { font-size: 19px; background: #2D788D; padding: 5px 15px; text-align: center; color: #fff; display: block; float: right; margin: 0 2px 0 0; } .next-prev a.off { opacity: 0.3; } .next-prev { float: left; clear: both; } #questionnaire textarea { width: 745px!important; } #questionnaire .q_option label { vertical-align: top; min-width: 200px; } /*for map */ .map{background: transparent url('../images/large_map.jpg') no-repeat 0 0;width: 740px;float:left;height: 745px;position: relative} .map_marker{position: absolute;cursor: pointer} .map_marker span:first-child{width: 22px;height: 23px;background: transparent url('../images/map_marker.png') no-repeat 0 0;display: block;margin-bottom: -7px} .marker_window ul li:first-child{font-weight: bold;border-bottom: 1px dashed;padding: 0 0 5px} .marker_window ul li.a{border-top: 1px dashed;padding: 5px 0 0} .marker_window ul li span:first-child{display: inline-block;width: 150px} .map_marker_def{position: absolute;cursor: pointer} .map_marker_def span:first-child{width: 22px;height: 23px;background: transparent url('../images/mark_def.png') no-repeat 0 0;display: block;margin-bottom: -7px} .map_marker .name,.map_marker_def .name { background: rgba(0,0,0,0.7); padding: 5px 10px; color: #fff; position: absolute; left: 30px; top: -10px; display: none; text-align: center; z-index: 5; } .map_marker:hover .name,.map_marker_def:hover .name { display: block; } .topic_box_center { position: absolute; min-width: 200px; background: #E5E5E5; border: 1px solid #aaa; z-index: 10; } .topic_box_center h4 { padding: 5px 10px; color: #fff; background: #3389AF; font-weight: bold; } .topic_box_center .close {float: left;cursor: pointer;background: url('../images/close.png') no-repeat;width: 16px;height: 16px;} .topic_box_center .box { max-height: 400px; overflow-x: hidden; overflow-y: auto; padding:0 25px; } .topic_box_center .box .item { border-bottom: 1px dashed #5F5F5F; padding: 5px 0; } .topic_box_center .box .item:last-child { border-bottom: none; } .topic_box_center .box span.title,.topic_box_center .box span.count {color: #3389AF} .topic_box_center .box span { color: #000; } .topic_box_center .box ul { padding-right: 20px; list-style: disc; color: #3389AF; } .topic_box_center .box ul li {border: none;font-weight: normal;padding: 0;} .topic_box_center .box ul li span{ color: #000; width: auto; } /* map marker position */ .pro5{left:80px;top:105px} .pro6{left:25px;top:73px} .pro11{left:138px;top:52px} .pro32{left:240px;top:200px} .pro2{left:300px;top:325px} .pro28{left:70px;top:310px} .pro27{left:245px;top:520px} .pro1{left:253px;top:214px} .pro29{left:225px;top:380px} .pro26{left:560px;top:325px} .pro4{left:560px;top:185px} .pro25{left:465px;top:130px} .pro13{left:165px;top:385px} .pro21{left:150px;top:170px} .pro30{left:375px;top:225px} .pro9{left:610px;top:500px} .pro3{left:300px;top:480px} .pro20{left:200px;top:190px} .pro14{left:245px;top:255px} .pro23{left:95px;top:200px} .pro10{left:480px;top:450px} .pro15{left:75px;top:260px} .pro31{left:225px;top:430px} .pro24{left:400px;top:130px} .pro16{left:195px;top:145px} .pro22{left:130px;top:295px} .pro12{left:300px;top:185px} .pro18{left:205px;top:235px} .pro19{left:435px;top:570px} .pro8{left:150px;top:270px} .pro7{left:430px;top:340px} .map_search { width: 730px; float: left; background-color: #F1F1F1; padding: 5px; margin-bottom: 10px; } .map_search .select{width: 200px;} .map_search .select_body{width: 198px;} .encryption_page .other_news .latest .item_img {padding: 5px;display: inline-block;width: 335px;vertical-align: top;} .encryption_page .other_news .latest,.encryption_page .other_news {width: auto;} .encryption_page .other_news .latest {border-left: none;} .encryption_page {overflow: hidden;} .encryption_page .section_info h1 {margin-bottom: 10px;} .encryption_page .content {margin-bottom: 10px;overflow: hidden;} .encryption_page .content img {width: 120px;float: right;margin-left: 10px;} .encryption_page .publisher_index {clear: both;} .encryption_page .publisher_index ul li a {display: block;} .encryption_page .publisher_index li {cursor: pointer;} .encryption_page .publisher_index li:nth-child(even) {background: #FDFDFD!important;} .encryption_page .publisher_index.dl_file p.title {margin-bottom: 10px;} .encryption_page .publisher_index.dl_file {margin-bottom: 10px;} .tab_box>ul>li {background: #EDEDED;display: inline-block;padding: 5px 10px;color: #8B8B8B;cursor: pointer;margin-left: 5px;} .tab_box>ul>li:hover,.tab_box ul li.active {color: #000;background: #E1E1E1;} .tab_item_box {display: none;min-height: 200px;background: #E1E1E1;border: 1px solid #ddd;} .tab_item_box.other {padding: 10px;} .tab_box .tab_item_box:nth-child(2) {display: block;} .pup_up {padding:5px;display: none;position: fixed;background: #fff;width: 500px;z-index: 99;margin-left: -250px;left: 50%;margin-top: -250px;top: 50%;} .pup_up_bg {z-index:99;top: 0;right: 0;bottom:0;left:0;position: fixed;background: rgba(0,0,0,0.8);display: none;} .timeline {position: relative;} .tab_item_box #years {direction: ltr;text-align: center;height: 75px;border-bottom: 1px dashed #aaa;} .tab_item_box #years:before {content: '';width: 100%;height: 2px;background: rgb(134, 134, 134);display: block;position: absolute;top: 40px;} #years li {background:none;cursor:pointer;text-align: center;top: 13px;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;} #years li:hover,#years li.active {transform:scale(1.2) translateY(-2px);-webkit-transform:scale(1.2) translateY(-2px);-moz-transform:scale(1.2) translateY(-2px); } #years li:after {content: '';width: 10px;height: 10px;border-radius: 100%;display: block;background: #2D788D;position: absolute;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);left: 50%;} #years li:hover:after,#years li.active:after {background: #8FB21E;} .timeline .event_box {display: none;padding: 10px;} .event {cursor:pointer;display:none;padding: 5px 10px;background: #8FB21E;text-align: center;display: inline-block;margin-left: 5px;} .event span.title {color: #fff;} .event .pup_up {text-align: right;} .pup_up span.close {padding: 0 10px;float: left;background: #8FB21E;color: #fff;} div a.dl_file {padding: 0 10px;background: #8FB21E;color: #fff;display: inline-block;margin-left: 5px;} .search_box form {margin-bottom: 10px; padding: 5px} .search_box form input[type=text]{ padding: 3px;width: calc(100% - 140px);} .search_box form input[type=submit],.search_box a.reset {padding: 5px 10px;background: #8FB21E;color: #fff;cursor: pointer;border: none;} .policy_topic {} .policy_topic > a {width: calc(33% - 13px); display: inline-block !important; margin-left: 5px; padding: 5px; margin-bottom: 5px} .policy_topic > a:nth-child(3n) {margin-left: 0} .policy_topic > a:hover {background: #f2f2f2} .policy_topic > a img {display: inline-block; vertical-align: middle; width: 60px; height: 60px; margin-left: 5px} .policy_topic > a .title {display: inline-block;} .statements .header {margin: 20px 0;} .statements .proposition {padding: 3px 6px;display: block;background: #f2f2f2;margin-bottom: 5px;border-right: 5px solid silver; cursor: pointer;} .statements .content {overflow: hidden;} .statements .content #mask {width: 2450px; float: right;} .statements .content #mask > div {display: block; vertical-align: top; width: 610px; float: right;} /*.statements .content #mask .years_area {border-bottom: 1px solid #DADADA;}*/ .statements .content #mask .years_area:not(:first-child) {margin-top:-1px;} .statements .content #mask .years_area .years {border: 1px solid #DADADA;width: calc(17.3% - 5px);text-align: center;margin-left: -4px;cursor: pointer;height: 50px;padding-top: 30px;display: inline-block;} .statements .content #mask .years_area .years .date {font-size: 15pt;color: rgb(96, 128, 137);} .statements .content #mask .years_area .years:hover {background: #f2f2f2} .statements .content #mask .years_area .years.opt {opacity: .2} .statements .content #mask .years_area .years.opt:hover {opacity: 0.8;} .statements .content #mask .years_area .years.active {background: #DADADA; position: relative;} .statements .content #mask .years_area .years.active span {color: rgb(175, 111, 126)} .statements .content #mask .years_area .years.active:after {content: ' '; width: 0;height: 0; border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 9px solid #DADADA;position: absolute;bottom: -9px;left: 50%;margin-left: -8px;} .statements .content #mask .tmp_area {border: 1px solid #DADADA;padding: 5px;padding-bottom: 0; display: none;margin-bottom: 20px; margin-top: -1px; padding-top: 10px} .statements .tab {border-bottom: 3px solid #AF6F7E; margin-bottom: 10px;} .statements .tab li {display: inline-block;padding: 5px 11px;background: #f2f2f2;margin-left: 1px;} .statements .tab li:hover {background: #E8E3E4; cursor: pointer;} .statements .tab li.active {background: #AF6F7E; color: #fff} .policy_overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(29, 29, 29, 0.67);z-index: 999; display: none;} .policy_popup_wrapper {width: 940px;margin: 0 auto;height: 10px;display: block;margin-top: 100px; padding: 10px; position: absolute; z-index: 9999; top: 0px; display: none;} .policy_popup_wrapper #main_popup {position: absolute; right: 0; width: 500px;} .policy_popup_wrapper #main_popup.single {width: 80%; right: 95px} .policy_popup_wrapper #list {float: left; width: 440px;} .policy_popup_wrapper .detail {background: #fff; margin-bottom: 10px;} .policy_popup_wrapper .detail h1 {background: rgb(45, 120, 141);font-size: 17px;padding: 7px 8px;color: #fff; font-weight: normal;} .policy_popup_wrapper #list h1 {background: rgb(78, 191, 197)} .policy_popup_wrapper .detail .content {padding: 10px} .policy_popup_wrapper .detail .content img {float: left; width: 140px; height: 140px; margin-right: 10px; margin-bottom: 10px;} .policy_popup_wrapper .detail .content .desc {} .policy_popup_wrapper .detail .content .list {} .policy_popup_wrapper .detail .content .list .header {border-bottom: 1px solid rgb(45, 120, 141); padding: 5px; display: block; margin-bottom: 5px} .policy_popup_wrapper .detail .content .list ul {} .policy_popup_wrapper .detail .content .list ul li {display: block; background: #f2f2f2; margin-left: 3px; margin-bottom: 4px; padding: 2px 7px; white-space: pre-wrap; vertical-align: top;} .policy_popup_wrapper .detail .content .list ul li span {margin-bottom: 5px; display: block;} .policy_popup_wrapper .detail .content .list ul li p { background: rgba(0, 0, 0, 0.06);padding: 5px;margin: -2px -7px -2px;} #events_refine{border-bottom: 5px solid #2D788D;padding-bottom: 5px} #events_refine .header{font-size: 13pt;font-weight:bold;padding: 3px 10px;background-color: #2D788D;color: #fff;margin-bottom: 10px;} #events_refine .label {margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid silver; display: block; color: rgb(45, 120, 141);} #events_refine .element {margin-bottom: 20px} #events_refine form label{display: block; margin-bottom: 5px} #events_refine form label span {display: inline-block; width: 100px} #events_refine form .datepicker {direction: ltr;} #events_refine form div.field {padding: 5px} #events_refine .keyword input{width:287px;border:1px solid #C1C1C1;} #events_refine .datepicker{width:188px;border:1px solid #C1C1C1;} #events_refine form .submit{border:none;background: none;background-color: #2D788D;color:#fff;padding:0 30px;cursor: pointer;} #events_refine form .reset{border:none;background: none;background-color: #819097;color:#fff;padding:0 30px;cursor: pointer;} #inner_content #product_list{width: 100%;} #inner_content #product_list .header_list{padding: 5px 10px;color: #fff;background: #2D788D;} #inner_content #product_list ul.body_list{display: flex;display: -webkit-flex;flex-wrap:wrap;flex-wrap:-webkit-wrap;border-right: 1px solid #ddd;} #inner_content #product_list ul.body_list li{text-align: center;direction: ltr;width:191px;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;padding: 20px;} #inner_content #product_list ul.body_list li:hover{background: #f6f0f0;} #inner_content #product_list ul.body_list li .img_holder{margin: 0 auto; width: 165px;height: 165px;overflow: hidden;border: 1px solid #ddd;margin-bottom: 10px;padding: 5px;background: #fff;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} #inner_content #product_list ul.body_list li .img_holder img{max-width: 100%;max-height: 100%;flex: 0 0 auto;-webkit-flex: 0 0 auto;-moz-flex: 0 0 auto;-ms-flex: 0 0 auto;display: block;} #inner_content #product_list ul.body_list li .title_product{margin-bottom: 10px;} #inner_content #product_list ul.body_list li .company_en, #inner_content #product_list ul.body_list li .company_nick_en{color: #666565;} #inner_content #product_list ul.body_list li p i{margin-right: 5px;vertical-align: middle;} #inner_content #product_list ul.body_list li .company_en i{color: #AF6F7E;} #inner_content #product_list ul.body_list li .company_nick_en i{color:#4EBFC5;} #inner_content #product_list .pagination{margin-bottom: 20px !important;}