/* main.css */ body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #333333; font-size: 12px; font-family: "Arial", "Tahoma", sans-serif; background-color: #eaeaea; } .flash { padding: 20px; } #page { margin-top: 5px; margin-bottom: 5px; background: white; border: 1px solid #C9E0ED; } #header { margin: 0; padding: 0; border-top: 3px solid #C9E0ED; } #header-right { position: absolute; right: 20px; top: 5px; text-align: right; } #content { padding: 20px; } #sidebar { padding: 20px 20px 20px 0; } #footer { padding: 10px; margin: 10px 20px; font-size: 0.8em; text-align: center; border-top: 1px solid #C9E0ED; } #logo { font-size: 150%; padding: 20px 20px; position: relative; } #mainmenu { background: white url(bg.gif) repeat-x left top; } #mainmenu ul { padding: 6px 20px 5px 20px; margin: 0px; } #mainmenu ul li { display: inline; } #mainmenu ul li a { color: #ffffff; background-color: transparent; font-size: 12px; font-weight: bold; text-decoration: none; padding: 5px 8px; } #mainmenu ul li a:hover, #mainmenu ul li.active a { color: #6399cd; background-color: #EFF4FA; text-decoration: none; } div.flash-error, div.flash-notice, div.flash-success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; } div.flash-error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; } div.flash-notice { background: #FFF6BF; color: #514721; border-color: #FFD324; } div.flash-success { background: #E6EFC2; color: #264409; border-color: #C6D880; } div.flash-error a { color: #8a1f11; } div.flash-notice a { color: #514721; } div.flash-success a { color: #264409; } div.form .rememberMe label { display: inline; } div.view { padding: 10px; margin: 10px 0; border: 1px solid #C9E0ED; } div.breadcrumbs { font-size: 0.9em; padding: 5px 0px; margin-bottom: 20px; } div.breadcrumbs a { color: #666666; text-decoration: underline; } div.breadcrumbs a:hover { text-decoration: none; } div.breadcrumbs span { color: #999999; } div.search-form { padding: 10px; margin: 10px 0; background: #eee; } .portlet { } .sub-menu { padding: 3px 8px; background: #B7D6E7; } .portlet-decoration { padding: 3px 8px; background: #B7D6E7; border-left: 5px solid #6FACCF; } .portlet-title { font-size: 12px; font-weight: bold; padding: 0; margin: 0; color: #298dcd; } .portlet-content { font-size: 0.9em; margin: 0 0 15px 0; padding: 5px 8px; background: #EFFDFF; } .portlet-content ul { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; } .portlet-content li { padding: 2px 0 4px 0px; } .operations { list-style-type: none; margin: 0; padding: 0; } .operations li { padding-bottom: 2px; } .operations li a { font: bold 12px Arial; color: #0066A4; display: block; padding: 2px 0 2px 8px; line-height: 15px; text-decoration: none; } .operations li a:visited { color: #0066A4; } .operations li a:hover { background: #80CFFF; } .post { color: #333333; padding-top: 10px; font-size: 14px; line-height: 120%; } .post .title { font-size: 14px; font-weight: bold; padding-left: 10px; } .post .ldesc { color: #2B2A29; } .post .desc { color: #004494; } .post table.elm { border-bottom: 2px solid #8bb6ea; margin: 0 0 20px; } .post .title a { color: #000000; text-decoration: none; } .post a { color: #032B6D; } .post a:hover { text-decoration: none; } .post .title a:hover { text-decoration: underline; } .post p { margin-bottom: 0px; text-align: justify; text-indent: 40px; } .post span.blue { font-weight: bold; color: #3a5ae4; } .post .author { color: #888; margin: 0 0 5px; } .post .nav { -moz-border-radius: 7px; padding: 5px; background: #EFFDFF; } .post .img { padding: 5px; } .post .img img { margin-right: 5px; } .comment { -moz-border-radius: 7px; padding: 10px; background: #F5F5F5; margin: 5px 0; } .comment .content { margin: 10px 0; } .comment .author { margin: 5px 0; padding: 0 0 3px; border-bottom: 1px solid #DDD; } .comment .time { color: #888; font-size: 0.8em; } .comment a.cid { color: #CCC; float: right; font-size: 1.5em; font-weight: bold; padding: 0 5px 5px 5px; text-decoration: none; } .comment a.cid:hover { color: #555; } .comment .pending { color: red; } .yupeDownload a b { font-size: 11px; line-height: 17px; } .yupeDownload a:hover { background-color: #f85600; background-repeat: repeat-x; } .yupeDownload a { background: none repeat-x scroll 0 0 #F89200; border: 1px solid rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-style: solid; border-width: 1px; border-image: none; margin: 10px 0; padding: 4px 14px; cursor: pointer; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); display: -moz-inline-stack; display: inline-block; _overflow: hidden; *zoom: 1; *display: inline; text-align: center; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); vertical-align: middle; color: #FFF; font-size: 14px; line-height: normal; } .siteDescription { vertical-align: -20px; } div.form_reg_edit { width: 100%; margin: 20px auto 0 auto; } div.form_reg_edit input, div.form_reg_edit textarea, div.form_reg_edit select { margin: 0.2em 0 0.5em 0; } div.form_reg_edit fieldset { border: 1px solid #DDD; padding: 10px; margin: 0 0 10px 0; -moz-border-radius: 7px; } div.form_reg_edit label { font-weight: bold; font-size: 0.9em; } div.form_reg_edit .row { margin: 5px 0; } div.form_reg_edit .hint { margin: 0; padding: 0; color: #999; } div.form_reg_edit .note { font-style: italic; } div.form_reg_edit span.required { color: red; } div.form_reg_edit div.error label, div.form_reg_edit label.error, div.form_reg_edit span.error { color: #C00; } div.form_reg_edit div.error input, div.form_reg_edit div.error textarea, div.form_reg_edit div.error select, div.form_reg_edit input.error, div.form_reg_edit textarea.error, div.form_reg_edit select.error { background: #FEE; border-color: #C00; } div.form_reg_edit div.success input, div.form_reg_edit div.success textarea, div.form_reg_edit div.success select, div.form_reg_edit input.success, div.form_reg_edit textarea.success, div.form_reg_edit select.success { background: #E6EFC2; border-color: #C6D880; } div.form_reg_edit .errorSummary { border: 2px solid #C00; padding: 7px 7px 12px 7px; margin: 0 0 20px 0; background: #FEE; font-size: 0.9em; } div.form_reg_edit .errorMessage { color: red; font-size: 0.9em; } div.form .errorSummary p { margin: 0; padding: 5px; } div.form_reg_edit .errorSummary ul { margin: 0; padding: 0 0 0 20px; } div.form_reg_edit div.re-left, div.form_reg_edit div.re-right { float:left; clear:right; } div.form_reg_edit div.list { display: table; border-width: 0 0 1px 0; border-style: dotted; border-color: #d4d4d4; padding-bottom: 10px; margin-bottom: 10px; } div.form_reg_edit div.list div.name { width: 140px; float: left; font-family: Tahoma; font-size: 11px; color: #000000; text-align: right; font-weight: bolder; margin-right: 10px; margin-top: 4px; } div.form_reg_edit div.last { margin-left: 150px; } div.form_reg_edit input[type="submit"], div.form_reg_edit input[type="button"] { height: 27px; padding: 0 10px; font-family: Arial Narrow; font-size: 13px; color: #636262; text-transform: uppercase; border: 0px; cursor: pointer; background: url(../web/images/btn_save.jpg); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } div.form_reg_edit div.accession input[type="button"] { height: 27px; padding: 0 10px; font-family: Arial Narrow; font-size: 13px; color: #636262; text-transform: uppercase; border: 0px; cursor: pointer; background: url(../web/images/btn_save.jpg); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } div.form_reg_edit div.list div.form { float: left; width: 175px; margin-right: 10px; font-family: Tahoma; font-size: 11px; color: #000000; } div.form_reg_edit div.list div.form.provider { width: 200px; } div.form_reg_edit div.list div.form input[type="password"], div.form_reg_edit div.list div.form select, div.form_reg_edit div.list div.form input[type="text"] { border: 1px solid #d4d4d4; font-family: Tahoma; font-size: 11px; color: #8f8f8f; width: 165px; } div.form_reg_edit div.list div.form input.name-provider { width: 70px; } div.form_reg_edit div.list div.form input.e-mail { width: 95px; } div.form_reg_edit div.list div.accession { float: left; width: 90px; font-size: 10px; } #gallery .summary { text-align: left; } #gallery .items img { width: 100%; padding-top: 20px; } #gallery .pager { float: left; margin: 30px 0 10px; } #add-image-form { float: left; margin-top: 15px; } .captcha-refresh-link { display: block; padding-bottom: 10px; } div.main { background-color: #ffffff; background-image: url(/themes/default/web/images/mn_bg.png); background-repeat: repeat-x; padding: 20px; margin: 0px auto; max-width: 1000px; border: 1px solid #ffffff; } div.main div.hd { height: 76px; } div.main div.hd a{ font-size: 18px; text-decoration: none; color: #0e7e9e; text-transform: uppercase; float: left; width: 50%; font-weight: bold; display: block; height: 76px; background-image: url(/themes/default/web/images/lg.png); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 180px; } div.main div.hd h1 { margin-bottom: 5px; width: 50%; font-weight: bold; padding-bottom: 0px; font-size: 38px; color: #1756c3; margin-left: 0px; } div.main div.hd div.col2 { float: right; width: 30%; text-align: right; font-size: 16px; color: #1756c3; } div.main div.hd b.red { color: #AD1713; } div.main div.hd div.col2 h2 { margin: 0px 0px 0px 0px; } div.main div.mn { /* background-image: url(/themes/default/web/images/menu_bg.png); background-repeat: repeat-x;*/ background-color: #1756c3; height: 37px; border-radius: 5px; margin-bottom: 20px; } div.main div.mn ul { list-style: none; list-style-image: none; padding: 0px 0px 0px 0px; width: 100%; } div.main div.mn ul li a{ display: block; width: 20%; float: left; text-align: center; text-transform: uppercase; color: #ffffff; text-decoration: none; font-size: 14px; background-image: url(/themes/default/web/images/menu_wrap.png); background-repeat: no-repeat; background-position: 100% 50%; height: 29px; font-weight: bold; padding-top: 8px; text-shadow: #00334B 0px 1px 0px; } div.main div.mn ul li.l a { background-image: none; } div.main div.mn ul li a:hover { text-decoration: underline; } div.infblk { display: block; height: 230px; width: 100%; background-color: #ebebeb; background-image: url(/themes/default/web/images/inf_bg.png); background-repeat: no-repeat; background-position: 50% 50%; border-radius: 5px; margin-bottom: 20px; } div.infblk div.in{ display: block; height: 230px; width: 100%; background-image: url(/themes/default/web/images/gazel.png); background-repeat: no-repeat; background-position: 95% 95%; } div.main h1 { color: #0e7e9e; text-transform: uppercase; font-size: 18px; font-weight: bold; margin-bottom: 10px; margin-left: 40px; } div.main div.infblk h1 { display: block; font-weight: bold; color: #8a8c8f; text-transform: uppercase; font-size: 24px; margin-left: 60px; } div.main ul { margin-top: 20px; } div.main h2 { margin-top: 20px; color: #0e7e9e; text-transform: uppercase; font-size: 18px; font-weight: bold; margin-left: 40px; } div.infblk h1 { margin-left: 20px; padding-top: 20px; } div.infblk h1 span { color: #0e7e9e; } div.infblk div.txt { width: 55%; margin-left: 20px; line-height: 110%; font-size: 14px; color: #333333; text-align: justify; } div.infblk div.txt h2 { margin-top: 40px; color: #c51a24; margin-bottom: 0px; } div.infblk div.txt h1.ph { margin-top: 0px; margin-left: 0px; } .infblk2 td { vertical-align: top; } div.post p a { color: #3a5ae4; } div.post p a:hover { text-decoration: none; } div.post a.btn { display: block; background-image: url(/themes/default/web/images/menu_bg.png); background-repeat: repeat-x; color: #ffffff; height: 25px; text-decoration: none; width: 100px; text-align: center; text-transform: uppercase; padding-top: 5px; padding-left: 10px; padding-right: 10px; border-radius: 5px; } div.post a.btn:hover { opacity: 0.9; } div.post ul li a { color: #3a5ae4; } div.post ul li:hover { color: #3a5ae4; } div.ftr { /* background-image: url(/themes/default/web/images/menu_bg.png); background-repeat: repeat-x;*/ border-radius: 5px; padding-top: 5px; background-color: #1756c3; height: 32px; margin-top: 20px; } div.ftr div.col1 { float: left; width: 33%; padding-top: 5px; font-size: 12px; color: #ffffff; text-align: center; } div.ftr div.col2 { float: right; width: 33%; text-align: right; } div.ftr div.col3 { float: left; width: 33%; text-align: left; padding-top: 5px; } div.ftr div.col3 img { margin-left: 7px; } .frm label { font-size: 14px; } .frm .row input, .frm .row textarea { border: 1px solid #b51d28; font-size: 14px; padding: 7px; color: #666666; } .frm .buttons input { background: transparent; border: none; display: block; background-image: url(/themes/default/web/images/menu_bg.png); background-repeat: repeat-x; color: #ffffff; text-decoration: none; text-align: center; text-transform: uppercase; padding: 6px; padding-left: 10px; padding-right: 10px; border-radius: 5px; } table.brdr { border-left: 1px solid #333333; border-top: 1px solid #333333; margin-bottom: 20px; } table.brdr td { border-right: 1px solid #333333; border-bottom: 1px solid #333333; padding: 4px; text-align: center; } div.wrapper { border-top: 15px solid #709df8; border-bottom: 15px solid #709df8; margin-top: 20px; border-radius: 5px; }