/* ========================================================================== STYLE.CSS | CSS FRAMEWORK -------------------------- Main Project specific styles - Straker Shado CMS Demo site - author: Richard Morris [richard@fueldesign.co.nz] version: January '07 Contents: -------------------------- 1 - Default Typography Sizing, Colours and Margins 2 - Global Stlyes for types 3 - Main Structural Divs 4 - Header styles 5 - Main body Styles 6 - Footer Styles 7 - Page Specific styles ========================================================================== */ @import url("base.css"); /*@import url("/greentree/app_templates/coretemplates/stylesheets/forms.css");*/ /* ========================================================================== 1 - Default Typography Sizing, Colours and Margins ========================================================================== */ html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, th, a:link, a:visited { /* For Nescape 4.0 and other inheritance intolerant browsers */ font-family: Verdana, Arial, Helvetica, sans-serif; color: #777; line-height: 1.6em; } p, ul, dl, ol, form, blockquote { margin-bottom: 10px; } h1 { font-size: 2em; margin-bottom: 10px; } h2 { font-size: 1.3em; margin-bottom: 10px; font-weight: normal; } h3 { font-size: 1.2em; margin-bottom: 10px; font-weight: normal; } h4 { font-size: 1.2em; margin-bottom: 10px; font-weight: normal; } h5 { font-size: 1.2em; margin-bottom: 10px; font-weight: normal; } td,th {font-size:13px;} /* ========================================================================== 2 - Global Styles for types ========================================================================== */ /* links */ a:link, a:visited { color: #666; } a:hover { color: #f47b20; } /*a:hover, a:active { border-bottom: 1px dotted #f89937; }*/ a:link.external, a:visited.external { background: transparent url(/greentree/app_templates/coretemplates/images/external.gif) top right no-repeat; padding-right: 12px;} /* remove dotted outlines in FF */ a:hover,a:active,a:focus { outline-color:invert; outline-style:none; outline-width:medium; } /* list types */ dl dt { font-weight: bold; } ul li { list-style-position: inside; } #primaryContent ul li, #sidebar ul li { margin-left: 10px; } ol li { list-style-type: lower-alpha; list-style-position: inside; } #primaryContent ol li, #sidebar ol li { margin-left: 10px; } /* blockquotes */ blockquote { background-color: #F5F5F5; margin-bottom: 1em; border-left: 5px solid #CCC; padding: 5px 10px; } blockquote p { } blockquote cite { font-style: normal; font-weight: normal; } /* strong */ strong.error { color: #F00; } /* em */ em.required { color: #F00; font-weight: bold; font-style: normal; } /* ========================================================================== 3 - Main Structural Divs ========================================================================== */ html, body { height: 100%; } body { font-size:62.5%; text-align: center; background:#fff url(../images/bg-body.png) repeat-x scroll left top; } #container { width: 980px; margin: 0px auto; text-align: left; font-size: 1.2em; } #header { margin-bottom: 10px; position: relative; width: 100%; height: 150px; } #main { position:relative;width:980px; background: #f7f9fb url(../images/bg-dialogue-box-bottom.png) no-repeat right bottom; } #main #primaryContent { float:left; width:980px; background: transparent url(../images/bg-dialogue-box.png) repeat-y right top; margin-bottom:10px; } #main #primaryContent #topPlaceHolder { width:980px;height:10px; background: #f7f9fb url(../images/bg-dialogue-box-top.png) no-repeat right top; padding:0px;margin:0px;font-size:0px;line-height:0px; } #footer { clear: both; text-align: left; padding: 10px; } /* ========================================================================== 4 - Header styles ========================================================================== */ a#logo { position:absolute; top:0px; left:0; border: none;} ul#nav { position: absolute; top: 90px;} #nav li { display:inline; } #nav a#btnSearch { float:left;display:block;width:57px;height:60px; border-bottom:none; background:transparent url(../images/buttons/nav-button-search.png) no-repeat scroll left top; } #nav li.here a#btnSearch { background:transparent url(../images/buttons/nav-button-search-on.png) no-repeat scroll left top; } #nav a#btnAdvSearch { float:left;display:block;width:114px;height:60px; border-bottom:none; background:transparent url(../images/buttons/nav-button-adv-search.png) no-repeat scroll left top; } #nav li.here a#btnAdvSearch { background:transparent url(../images/buttons/nav-button-adv-search-on.png) no-repeat scroll left top; } #nav a#btnBlog { float:left;display:block;width:46px;height:60px; border-bottom:none; background:transparent url(../images/buttons/nav-button-blog.png) no-repeat scroll left top; } #nav li.here a#btnBlog { float:left;display:block;width:46px;height:60px; border-bottom:none; background:transparent url(../images/buttons/nav-button-blog-on.png) no-repeat scroll left top; } #nav a#btnDirectory { float:left;display:block;width:62px;height:60px; border-bottom:none; background:transparent url(../images/buttons/nav-button-dir.png) no-repeat scroll left top; } #nav li.here a#btnDirectory { float:left;display:block;width:62px;height:60px; border-bottom:none; background:transparent url(../images/buttons/nav-button-dir-on.png) no-repeat scroll left top; } #nav a#btnLogout { float:left;display:block;width:54px;height:60px; border-bottom:none; background: transparent url(../images/buttons/nav-button-logout.png) no-repeat scroll left top; } #nav a#btnMVP { float:left;display:block;width:50px;height:60px; border-bottom:none; background: transparent url(../images/buttons/nav-mvp.png) no-repeat scroll left top; } #nav a#btnMVPNZ { float:left;display:block;width:50px;height:60px; border-bottom:none; background: transparent url(../images/buttons/nav-mvp-nz.png) no-repeat scroll left top; } #nav a#btnMVPAUS { float:left;display:block;width:50px;height:60px; border-bottom:none; background: transparent url(../images/buttons/nav-mvp-au.png) no-repeat scroll left top; } #nav a#btnSupport { float:left;display:block;width:64px;height:60px; border-bottom:none; background: transparent url(../images/buttons/nav-support.png) no-repeat scroll left top; } #nav form { } #nav form input#searchButton { line-height:12px;font-size:12px;height:24px; } #nav a:hover#btnSearch { background:transparent url(../images/buttons/nav-button-search-o.png) no-repeat scroll left top; } #nav a:hover#btnAdvSearch { background:transparent url(../images/buttons/nav-button-adv-search-o.png) no-repeat scroll left top; } #nav a:hover#btnBlog { background:transparent url(../images/buttons/nav-button-blog-o.png) no-repeat scroll left top; } #nav a:hover#btnLogout { background:transparent url(../images/buttons/nav-button-logout-o.png) no-repeat scroll left top; } #nav a:hover#btnDirectory { background:transparent url(../images/buttons/nav-button-dir-o.png) no-repeat scroll left top; } #nav a:hover#btnMVP { background:transparent url(../images/buttons/nav-mvp-o.png) no-repeat scroll left top; } #nav a:hover#btnMVPNZ { background:transparent url(../images/buttons/nav-mvp-o-nz.png) no-repeat scroll left top; } #nav a:hover#btnMVPAUS { background:transparent url(../images/buttons/nav-mvp-o-au.png) no-repeat scroll left top; } #nav a:hover#btnSupport { background:transparent url(../images/buttons/nav-support-o.png) no-repeat scroll left top; } #nav li.current a { background: #03adee; cursor: default; } form#searchForm { width: 220x; position: absolute; left: 360px; top: 83px; margin: 0; height: 25px; } input#search { font-size: 1em; width: 175px; background: #FFF url(/greentree/app_templates/coretemplates/images/but-search.png) 2px center no-repeat; border: 1px solid #CCC; padding-left: 2px; vertical-align: middle; } input#searchButton { margin-left: 3px; vertical-align: middle; } img#banner { border-bottom: 8px solid #02aeed; border-top: 8px solid #dee9ce; margin-bottom: 10px; } /* ========================================================================== 5 - Main content styles ========================================================================== */ /* ========================================================================== 6 - Crumbs styles ========================================================================== */ #breadcrumbs{padding:0px;margin-bottom:6px;} ul#crumbs { margin-left: auto; margin-right: auto; margin-bottom: 0px;padding:0px } #crumbs li{ display: inline; color: #666; } #crumbs li.current a { color: #777; border: none; cursor: default;} #breadcrumbs a { color: #666; } #breadcrumbs a:hover { border-bottom: 1px dotted #CCC; } /* /* ========================================================================== 6 - Footer styles ========================================================================== */ ul#footNav { margin-left: auto; margin-right: auto; width: 990px; margin-bottom: 0px; } #footNav li{ display: inline; color: #EEE; } #footNav li.current a { color: #777; border: none; cursor: default;} #footer a { color: #CCC; } #footer a:hover { border-bottom: 1px dotted #CCC; } #shadofooter { width: 980px; margin:0px auto; } /* ========================================================================== 7 - Page specific styles ========================================================================== div{border:1px solid red;} */ ul#sitemap { } #newsbox {width: 400px;} #newsbox h2 { margin: 0px; padding: 0px 4px 0px 4px; height: 25px; background:#F47b20 url(/shadomx/ui/ufo/themes/blue/images/form_head_bg_teal.gif) top left repeat-x; font-size: 14px; color:#fff; text-align: left; } #newsbox li { font-size: 12px; list-style-type: none; font-weight:bold; } #newsbox li p { font-size: 12px; font-weight:normal; } #quickSearchForm { margin: 0px 0px 0px 0px; /*width: 110px;*/ /** ancho menu izq **/ float: right; } #quickSearchForm input#search { padding:2px;width:200px;font-size:11px;margin:0px; margin-bottom:5px; } #quickSearchForm a.btnGo { margin-top:2px;} #quickSearchForm table { margin-top:2px; } #quickSearchForm table td { margin:0px; padding:0px; color: #FFFFFF; font-size: 13px; line-height:25px; } .IEpaddingHack { padding:10px; } /* #simpleFormDiv */ #simpleFormDiv { } #simpleFormDiv table th { text-align:right; font-weight:normal; } #simpleFormDiv table td { text-align:left; } #simpleFormDiv table td label { display:block; width:300px; cursor:pointer; line-height: 22px; } #simpleFormDiv table td label img { } a.btnSubmit { display:block;width:68px;height:36px; background: transparent url(../images/buttons/but-search.png) no-repeat scroll left top; } a.btnSubmit:hover { background: transparent url(../images/buttons/but-search-o.png) no-repeat scroll left top; } a.btnNext { display:block;width:68px;height:36px; background: transparent url(../images/buttons/but-next.png) no-repeat scroll left top; } a.btnNext:hover { background: transparent url(../images/buttons/but-next-o.png) no-repeat scroll left top; } a.btnNextDisabled { cursor:default;display:block;width:68px;height:36px; background: transparent url(../images/buttons/but-next-off.png) no-repeat scroll left top; } a.btnPrev { display:block;width:68px;height:36px; background: transparent url(../images/buttons/but-previous.png) no-repeat scroll left top; } a.btnPrev:hover { background: transparent url(../images/buttons/but-previous-o.png) no-repeat scroll left top; } a.btnPrevDisabled { cursor:default;display:block;width:68px;height:36px; background: transparent url(../images/buttons/but-previous-off.png) no-repeat scroll left top; } a.btnUp { display:block;width:24px;height:19px; background: transparent url(../images/buttons/but-order-up.png) no-repeat scroll left top; } a.btnUp:hover { background: transparent url(../images/buttons/but-order-up-o.png) no-repeat scroll left top; } a.btnUpOff { cursor:default;display:block;width:24px;height:19px; background: transparent url(../images/buttons/but-order-up-off.png) no-repeat scroll left top; } a.btnUpOn { cursor:default;display:block;width:24px;height:19px; background: transparent url(../images/buttons/but-order-up-on.png) no-repeat scroll left top; } a.btnDown { display:block;width:24px;height:19px; background: transparent url(../images/buttons/but-order-down.png) no-repeat scroll left top; } a.btnDown:hover { background: transparent url(../images/buttons/but-order-down-o.png) no-repeat scroll left top; } a.btnDownOff { cursor:default;display:block;width:24px;height:19px; background: transparent url(../images/buttons/but-order-down-off.png) no-repeat scroll left top; } a.btnDownOn { cursor:default;display:block;width:24px;height:19px; background: transparent url(../images/buttons/but-order-down-on.png) no-repeat scroll left top; } a.btnReply { display:block;width:68px;height:23px; background: transparent url(../images/buttons/but-reply.png) no-repeat scroll left top; } a.btnReply:hover { background: transparent url(../images/buttons/but-reply-o.png) no-repeat scroll left top; } a.btnEdit { display:block;width:68px;height:23px; background: transparent url(../images/buttons/but-edit.png) no-repeat scroll left top; } a.btnEdit:hover { background: transparent url(../images/buttons/but-edit-o.png) no-repeat scroll left top; } a.btnDelete { display:block;width:68px;height:23px; background: transparent url(../images/buttons/but-delete.png) no-repeat scroll left top; } a.btnDelete:hover { background: transparent url(../images/buttons/but-delete-o.png) no-repeat scroll left top; } a.btnReset { display:block;width:68px;height:23px; background: transparent url(../images/buttons/but-reset.png) no-repeat scroll left top; } a.btnReset:hover { background: transparent url(../images/buttons/but-reset-o.png) no-repeat scroll left top; } a.btnNewTopic { display:block;width:68px;height:23px; margin-left:5px; background: transparent url(../images/buttons/but-newpost.png) no-repeat scroll left top; } a.btnNewTopic:hover { background: transparent url(../images/buttons/but-newpost-o.png) no-repeat scroll left top; } a.btnLogin { display:block;width:68px;height:23px; background: transparent url(../images/buttons/but-login.png) no-repeat scroll left top; } a.btnLogin:hover { background: transparent url(../images/buttons/but-login-o.png) no-repeat scroll left top; } a.btnSave { display:block;width:68px;height:23px; background: transparent url(../images/buttons/but-save-o.png) no-repeat scroll left top; } a.btnSave:hover { background: transparent url(../images/buttons/but-save.png) no-repeat scroll left top; } a.btnCancel { display:block;width:68px;height:23px; background: transparent url(../images/buttons/but-cancel-o.png) no-repeat scroll left top; } a.btnCancel:hover { background: transparent url(../images/buttons/but-cancel.png) no-repeat scroll left top; } a.btnAdd { display:block;width:68px;height:23px; background: transparent url(../images/buttons/but-add-item.png) no-repeat scroll left top; } a.btnAdd:hover { background: transparent url(../images/buttons/but-add-item-o.png) no-repeat scroll left top; } a.btnGo { display:block;width:68px;height:23px; background: transparent url(../images/buttons/but-go.png) no-repeat scroll left top; } a.btnGo:hover { background: transparent url(../images/buttons/but-go-o.png) no-repeat scroll left top; } a.btnpdf{ display:block;width:30px;height:30px; } a.btnprint{ display:block;width:30px;height:30px; } /* simpleResultsDiv */ #results_main { margin-top:10px;position:relative;width:980px; background: #f7f9fb url(../images/bg-dialogue-box-bottom.png) no-repeat right bottom; } #results_main #results_primaryContent { float:left; width:980px; background: transparent url(../images/bg-dialogue-box.png) repeat-y right top; margin-bottom:10px; } #results_main #results_primaryContent #results_topPlaceHolder { width:980px;height:10px; background: #f7f9fb url(../images/bg-dialogue-box-top.png) no-repeat right top; padding:0px;margin:0px;font-size:0px;line-height:0px;} #simpleResultsDiv { padding:5px 20px 5px 10px; *padding:5px 0px 5px 0px;} #simpleResultsDiv * { font-family: Verdana, Arial, Helvetica, sans-serif; } #simpleResultsDiv dl {} #simpleResultsDiv dl dt { color:#666; } #simpleResultsDiv dl dt span { float:left; } #simpleResultsDiv dl dt table { float:right; } #simpleResultsDiv dl dt table td { vertical-align:top; font-weight:bold; color:#8BC541; } #simpleResultsDiv dl dt table td a { color:#8BC541; } #simpleResultsDiv dl dt table td a b { color:#999; } #simpleResultsDiv dl dt hr { border:none; border-bottom:1px solid #E0E0E0; margin:5px -11px 5px -10px; } #simpleResultsDiv dl dd {margin-right: 250px;*margin-right: 0px;} #simpleResultsDiv dl dd a,#simpleResultsDiv dl dd span,#simpleResultsDiv dl dd label { display: block; } #simpleResultsDiv dl dd a { padding:10px 0px 10px 45px; } #simpleResultsDiv dl dd a:hover {} #simpleResultsDiv dl dd a img { margin-left:-40px; float:left; } #simpleResultsDiv dl dd a label { color:#333; font-weight: bold; } #simpleResultsDiv dl dd a label em { font-style:normal; color:#666; background:#aeff00; padding: 0 2px; font-weight:bold; } #simpleResultsDiv dl dd a span { color:#666; } #simpleResultsDiv dl dd a span strong { color:#8BC541; padding-right:10px; } #simpleResultsDiv dl dd a span em { font-style:normal; color:#666; background:#aeff00; padding: 0 2px; font-weight: normal; } ul.advSearch li { list-style:none; float:left; } ul.advSearch li table td { color:#8BC541; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; } /* advancedFormDiv */ #advanced_main { margin-top:10px; width:980px; background: #f7f9fb url(../images/bg-dialogue-box-bottom.png) no-repeat right bottom; } #advanced_main #advanced_primaryContent { float:left; width:980px; background: transparent url(../images/bg-dialogue-box.png) repeat-y right top; margin-bottom:10px; } #advanced_main #advanced_primaryContent #advanced_topPlaceHolder { width:980px;height:10px; background: #f7f9fb url(../images/bg-dialogue-box-top.png) no-repeat right top; padding:0px;margin:0px;font-size:0px;line-height:0px;} #advancedFormDiv { /*padding:5px 20px 5px 10px;*/ } #advancedFormDiv * { font-family: Verdana, Arial, Helvetica, sans-serif; } table.logSearchForm { padding:5px 20px 5px 10px; } table.logSearchForm td { color:#8BC541; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; } #advancedFormDiv .GreenText { color:#8BC541; font-weight: normal; line-height:12px; font-size:11px; } #simpleFormDiv .GreenText { color:#8BC541; font-weight: normal; line-height:12px; font-size:11px; } #advancedFormDiv hr { border:none; border-bottom:1px solid #E0E0E0; margin:5px 5px 5px -3px; } select.widthStretch, input.widthStretch { width:698px; } /* #blogRecent */ #blogRecent { padding:0px 15px 5px 10px; } #blogRecent h3 { font-size:16px; color:#f47b20; } #blogRecent em { color:#8BC541; } #blogRecent hr { border:none; border-bottom:1px solid #e0e0e0; margin:0px -6px 10px -10px; } /* #blogContainer */ #blogContainer { padding:0px 15px 5px 10px; } .twoColumn { margin-right:360px; } #blogContainer h3 { font-size:16px; color:#f47b20; } #sidebar h2 a { font-size:18px;color:#FFF; padding-left:5px } #blogContainer em { color:#8BC541; } #blogContainer hr { border:none; border-bottom:1px solid #e0e0e0; margin:0px -6px 10px -10px; } #sidebar { position:absolute;top:10px;right:20px; margin-left: 5px; background:transparent; width:330px; border: 1px solid #f47b20; padding-bottom:5px; } #sidebar ul { padding:0px;margin:0px 0px 15px; } #sidebar ul li { color:#8BC541; } #sidebar ul li ul { padding:0px;margin:0px; } #sidebar ul li ul li a { color:#000;font-weight:normal;font-style:italic; } #sidebar ul li a { color:#8BC541;font-weight:bold; } #sidebar ul li a:hover { color:#F47b20; } div#tertiaryNav dl { margin-left:25px; } div#tertiaryNav dl dt { margin-top:5px; } div#tertiaryNav dl dt a { color:#8BC541; font-weight:bold; } div#tertiaryNav dl dt a:hover { color:#F47b20; } div#tertiaryNav dl dd { position:relative;margin-left:30px; } div#tertiaryNav dl dd a.btnAdd { border:1px;position:absolute;left:-30px;top:0px; } div#tertiaryNav table { margin:5px 5px 40px 5px; } div#tertiaryNav table th { color:#8BC541; font-weight:bold; text-align:left; } div#tertiaryNav hr { border:none; border-bottom:1px solid #e0e0e0; margin:0px -6px 10px -10px; } body#popUpFormBody { background:none; } body#popUpFormBody form { margin-bottom:0px; } fieldset#commentForm { background:#F7F9FB; margin:10px 10px 0px; border:1px solid #e0e0e0; font-size:12px;} fieldset#commentForm .field { border:1px solid #e0e0e0; } fieldset#commentForm legend { color:#8BC541; margin-left:25px; font-size: 14px; padding: 2px 5px; border:1px solid #e0e0e0; background:#F7F9FB; } fieldset#commentForm div { margin:5px; clear:both; } fieldset#commentForm label { float:left; width:120px; text-align:right;margin-right:5px; } fieldset#commentForm input { float:left; } fieldset#commentForm input.field { width:190px; } fieldset#commentForm table { margin-left: 120px; } #sidebar .header { background: #f47b20; } .elementDiv { background-color : ##f7f9fb; width : 289px; height : 70px; /*border : 1px solid ##000000;*/ } .callerDiv { background-color : ##f7f9fb; width : 289px; height : 70px; /*border : 1px solid ##000000;*/ } .tableScrollableHead { border-bottom: 1px solid #ccc; /*border-bottom:1px dashed #e9eaec; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc;*/ width: 100%; } .divTableScrollableBody { /*border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc;*/ width: 100%; overflow-x:auto; overflow-y:scroll; } #simpleResultsdiv a{ font-weight:bold; padding-left:0;} #simpleResultsdiv a:hover{color:#8BC541; background:none;} #simpleResultsdiv a:hover.loglink{color:#FF6600; background:none;} a .icon:hover{background-color:none} #simpleResultsDiv span { color:#8BC541} #simpleResultsDiv em { font-style:normal; color:#666; background:#aeff00; padding: 0 2px; font-weight: normal; } .hideInterestedParties { visibility: hidden;}