/* Theme Name:Trintech 2009 Theme URI:http://www.trintech.com/ Description:The Trintech Website Theme Version:2.0 Author:Vizon Interactive */ /* = First we reset... ================================================================================================================== */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"""";} /* ----------- Global Declarations -------------- */ body, html {background-color:#FFF; font-family:Arial, Helvetica, sans-serif; color:#222; font-size:12px;} a {color:#1C2979; } a:hover {color:#3F4EAC; } .clr {clear:both; } /* ----------- Global Text Elements ------------- */ h1 {font-size:22px; color:#1C2979; font-weight:normal; margin:10px 0 .5em 10px; } h2 {font-size:18px; font-weight:normal; margin:1em 0 .5em 10px; } h3 {font-size:14px; font-weight:normal; color:#1C2979; margin:10px 0 .5em 10px; } h5 {font-size:12px; font-weight:normal; margin:1.5em 0 0 15px; } h6 {font-size:14px; font-weight:normal; margin:.4em 0 .4em 1em; } p {line-height:24px; margin:0 0 24px 10px; } strong {font-weight:bold;} em {font-style:italic;} big {font-size:14px;} small {font-size:10px;} hr {clear:both; height:0px; border:0; margin:10px 0; border-bottom:1px solid #CCC; } #maincontent hr {width:100%; float:left; clear:both;} blockquote {font-style:italic; text-indent:35px; font-weight:bold; line-height:22px; padding:20px; background:url(images/bg_quote.gif) no-repeat 25px 23px transparent; } blockquote p {line-height:22px!important; margin:0!important; } .btn {display:block; height:20px; line-height:20px; text-align:center; text-decoration:none; border-width:1px; border-style:solid;} .edit-link a {display:block; clear:both; width:97px; height:22px; margin:20px 0; background:url(images/btn_edit.png) no-repeat left top; text-indent:-999em;} .edit-link a:hover {background-position:left -22px;} .edit-link a:active {background-position:left -44px;} /* ------------------ Layout -------------------- */ #header_middle {width:950px; height:193px; margin-bottom:1px; } #top {position:absolute; top:0!important; width:100%; height:106px;} *+html #top {position:absolute; top:0; left:0; background:transparent; z-index:9000!important;} #header {position:relative; top:0; margin:0 auto; width:950px; height:106px;} .logo {position:absolute; left:0; top:24px;} #toputils {position:absolute; right:0px; top:36px;} #toputils li {float:left; margin-left:9px; } #toputils li a {display:block; height:11px; } .spanish, .english, .german, .french, .email, .print {width:16px;} .spanish a {background:url(images/icn_es.gif) no-repeat;} .english a {background:url(images/icn_us.gif) no-repeat;} .german a {background:url(images/icn_de.gif) no-repeat;} .french a {background:url(images/icn_fr.gif) no-repeat;} .email a {background:url(images/icn_email.gif) no-repeat;} .print a {background:url(images/icn_print.gif) no-repeat;} #menu-main-nav {position:absolute; top:77px; right:0px; height:31px;} #menu-main-nav a {display:block; position:relative; z-index:2; } #menu-main-nav .current_page_item a, #menu-main-nav .current-page-parent a {color:#FFC000;} #menu-main-nav ul .current-menu-item a {color:#FFC000!important;} #menu-main-nav .current_page_item ul li a, #menu-main-nav .current-page-parent ul li a {color:#FFF;} #menu-main-nav li {float:left; text-align:center; font-size:13px; font-weight:bold; margin-left:1px; padding:4px 0 3px 0;} #menu-main-nav li a {background:url(images/nav_hm.gif) repeat-x #626262; padding:5px 9px 6px 8px; line-height:15px; text-decoration:none; color:#FFF; } #menu-main-nav li a.last {padding:4px 15px 5px 16px; } #menu-main-nav li a:hover, #menu-main-nav li:hover a, #menu-main-nav .sfhover a {background-image:none; background-color:#222; } /* Secondary Nav Styling */ #menu-main-nav li ul li {float:none; display:block; text-align:left; margin:0; padding:0; height:25px; line-height:25px; } #menu-main-nav li ul li a {display:block; width:250px; height:25px; line-height:25px; background-image:none; background-color:#696969; font-size:10px; padding:0 5px; color:#FFF;} .menu-item-2728 ul li a {width:140px!important;} .menu-item-2728 ul {width:150px!important;} .menu-item-2729 ul li a {width:390px!important;} .menu-item-2729 ul {width:400px!important;} .menu-item-2730 ul li a {width:140px!important;} .menu-item-2730 ul {width:150px!important;} .menu-item-2731 ul li a {width:170px!important;} .menu-item-2731 ul {width:180px!important;} .menu-item-2733 ul li a {width:170px!important;} .menu-item-2733 ul {width:180px!important;} .menu-item-2734 ul li a {width:150px!important;} .menu-item-2734 ul {width:160px!important;} #menu-main-nav li ul li a:hover {background-image:none; background-color:#1C2979; } #menu-main-nav li ul {position:absolute; width:260px; left:-999em; background-color:#222;} #menu-main-nav li#investors ul {width:225px; font-size:10px; } /* Tertiary Nav Styling */ #menu-main-nav li ul ul {margin:-27px 0 0 217px; padding:0; z-index:9000!important; background-color:transparent!important; } #menu-main-nav li ul ul li a {margin:0 0 0 40px; padding:0 10px; width:100px; background:#696969; font-size:10px; } /* THE MAGIC */ #menu-main-nav li:hover ul ul, #menu-main-nav .sfhover ul ul {left:-999em; } #menu-main-nav li:hover ul, #menu-main-nav li li:hover ul, #menu-main-nav .sfhover ul, l#menu-main-nav li .sfhover ul {left:auto; z-index:9000!important; } .subnav {margin:1em 0 1em 25px; line-height:20px; font-size:12px; list-style-image:url(images/li_raqo.gif); } .subnav ul {font-size:11px; margin:0 0 .5em 1em; list-style:none; } .subnav ul ul {font-size:10px; } #cta {position:relative; width:100%; margin-top:106px;} *+html #cta {top:0; margin-top:96px;} #rotator {margin:0 auto; width:950px; height:250px!important; left:0px;} *+html #rotator {margin-top:12px;} #rotator dl {position:relative; top:0; left:0; width:950px; height:190px; padding:60px 0 0 0; z-index:1000;} #rotator dt, #rotator dd {position:relative; width:530px;} #rotator p {margin:0!important;} #rotator dt {left:30px; font-weight:bold; font-size:22px; line-height:24px; margin:0 0 10px 0;} #rotator dd {left:30px; padding:0!important; margin:0!important; line-height:20px; font-size:14px;} #rotator ul {float:left; margin:5px 0 0 0; } #rotator li {float:left; padding:3px 0 3px 25px; width:220px; font-size:12px; font-weight:bold;} #rotator dl big {display:block; clear:left; padding:0; font-weight:bold; font-size:20px;} #rotator .btn {float:left; height:20px; line-height:20px; margin:10px 0 0 0; text-align:center; text-decoration:none; font-size:11px;} #rotator .green {background:url(images/feature1a-bg.jpg) no-repeat left top; color:#1C2978;} #rotator .orange {background:url(images/feature2a-bg.jpg) no-repeat left top; color:#000;} #rotator .blue {background:url(images/feature3a-bg.jpg) no-repeat left top; color:#FFF;} #rotator .green .btn {top:95px; right:25px; width:242px; background:url(images/button-green-bg.gif) repeat-x left top; border:1px solid #C1D72D;} #rotator .orange .btn {top:93px; right:25px; width:210px; background:url(images/button-orange-bg.gif) repeat-x left top; border:1px solid #F68937;} #rotator .blue .btn {top:90px; right:25px; width:325px; background:url(images/button-blue-bg.gif) repeat-x left top; border:1px solid #1B2877;} #rotator .green ul {margin-bottom:8px;} #rotator .orange ul {margin-bottom:5px!important;} #rotator .blue big {margin:20px 0 0 0;} .glidecontentwrapper {position:relative; width:960px; height:255px; overflow:hidden;} .slidercontent {position:absolute; padding:0; visibility:hidden; width:950px; height:250px; left:0px; top:0px;} .slidercontent.first {visibility:visible;} #slidercontrols {width:216px; position:absolute; top:80; right:136px; z-index:2000!important;} .glidecontenttoggler {width:220px; } .glidecontenttoggler a {display:block; position:absolute; width:17px; height:44px; top:167px; z-index:2000!important;} .glidecontenttoggler a.prev {left:0;} .glidecontenttoggler a.toc {top:163px; text-indent:-999em; width:44px; height:44px;} .glidecontenttoggler a.img_one {left:29px;} .glidecontenttoggler a.img_two {left:90px;} .glidecontenttoggler a.img_three{left:149px;} .glidecontenttoggler a.next {right:0;} #body {position:relative; width:950px; margin:0 auto; top:0;} *+html .blogtop {position:relative; float:left; width:950px; height:97px!important;} #searchbar {position:relative; float;left; width:950px; height:32px; margin:10px 0 0 0; background-color:#8A8A8A;} #searchbar form {float:right; padding:2px 0 0 2px; margin:4px 4px 0 0; width:267px; height:22px; background-color:#CCC;} #searchbar label {display:none;} #searchbar input {float:left; width:195px; margin:0!important;} #searchbar .btn {float:left; width:55px; border:none; margin:0!important; background:url(images/button-blue-bg.gif) repeat-x left top; color:blue;} #searchbar p {float:left; margin:4px 0 0 10px; color:#FFF; font-size:20px; font-weight:bold;} #searchbar p a {color:#FFF; text-decoration:none;} #searchbar p a:hover {color:#F0F0F0; text-decoration:underline;} .cta {position:relative;} .cta.blue, .cta.orange, .cta.green {width:310px; height:300px; margin-top:10px; float:left; z-index:10!important;} .cta div {float:left; padding:1px; margin:1px 0 0 0; border-width:8px; border-style:solid; font-size:12px; color:#444;} .cta div p {line-height:18px!important; margin:10px!important;} .cta .btn {position:absolute; bottom:15px; left:25px; width:260px; font-size:11px; font-weight:bold;} .cta h1, .cta h2, .cta h3 {padding:4px; margin:0!important; color:#FFF; font-size:14px; font-weight:bold; text-align:center;} .cta h1 {background-color:#1C2979;} .cta h2 {background-color:#F68938;} .cta h3 {background-color:#AABE2A;} .cta.orange {margin-left:10px; margin-right:10px;} .cta.blue div, .cta.orange div, .cta.green div {height:265px!important;} .cta.blue div {border-color:#ADB4E5;} .cta.orange div {border-color:#FECFAA;} .cta.green div {border-color:#D1E070;} .cta.blue div:hover {border-color:#1C2979;} .cta.orange div:hover {border-color:#F68938;} .cta.green div:hover {border-color:#AABE2A;} .cta.blue .btn {background:url(images/button-blue-bg.gif) repeat-x left top; border-color:#ADB4E5;} .cta.orange .btn {background:url(images/button-orange-bg.gif) repeat-x left top; border-color:#FECFAA;} .cta.green .btn {background:url(images/button-green-bg.gif) repeat-x left top; border-color:#D1E070;} .cta.news {width:935px; line-height:18px; padding:0px; margin:10px 10px 0 0; float:left; background:#E4E4E4; border:8px solid #CDCDCD; } .cta.news dt {font-weight:bold; color:#000; width:130px; padding:10px 10px 10px 0; margin:0 10px 20px 0; float:left; border-right:3px solid #CDCDCD;} .cta.news dd {padding:0px 0 8px 0;} .cta.news #div-right {border-left:3px solid #CDCDCD; border-right:none; color:#000000; float:right; margin:0 0px 20px 10px; padding:10px 0px 10px 10px; width:360px;} .cta-news dd {float:left;} .news div {border:none; margin:0; padding:0;} .cta.news table {width:900px; margin-bottom:0;} .cta.news table td {vertical-align:top; text-align:left;} .cta.news table p {line-height:16px!important; margin:0 0 8px 0!important; font-size:11px;!important;} .cta.news td.border-right {border-right:3px solid #CDCDCD; padding-right:10px; height:60px;} .cta.featured {width:274px; height:60px; line-height:18px; padding:10px; margin:10px 0 0 0; float:left; background:#E4E4E4; border:8px solid #CDCDCD; text-align:center; color:#000; font-weight:bold;} #maincontent {float:right; width:715px;} #mainimage {width:715px; height:189px; background-color:#F8F8F8; } #mainimage .image {float:left; width:450px; height:168px;} #mainimage .seperator {clear:both; width:715px; height:20px; border-top:1px solid #FFF; background-color:#E4E4E4; } #mainimage .message {float:right; width:251px; height:73px; padding:88px 7px 7px 7px; } #mainimage .message a.button {display:block; font-weight:normal; margin:.8em 0 0 0; } .breadcrumb {clear:both; width:691px; padding:12px; font-size:10px; } #maincontent .content_success {padding:12px; } #maincontent .content_products {padding:12px; font-size:12px; } #maincontent .pimg {float:left; text-align:center; } #maincontent .pimg span {float:left; clear:both; padding-left:50px; font-size:10px; } #maincontent .content_products img {float:left; margin:0 1em 1em 0; width:150px!important; } #maincontent ul {list-style:url(images/li_trintech.gif); margin:5px 0 15px 30px; line-height:18px; font-size:12px;} #maincontent ul li {padding:3px 0;} #maincontent .content_success ul {list-style:disc; margin:0 0 2em 2.5em!important; line-height:22px; font-size:12px; } #maincontent ul ul, #maincontent .content_success ul ul {list-style:disc; margin:0 0 1em 2em; line-height:22px; font-size:12px; } #maincontent .listleft {float:left; width:350px; } #maincontent .listright {float:left; width:250px; } #maincontent .arrow-bullets {list-style:url(images/li_raqo.gif); margin-left:25px!important;} #maincontent .left {float:left; width:48%; position:relative; left:10px;} #maincontent .right {float:right; width:48%;} #maincontent .sitemap {margin:1em 0 1em 25px; line-height:20px; font-size:14px; font-weight:bold; list-style-image:url(images/li_raqo.gif); } #maincontent .sitemap ul {font-size:12px; margin:0 0 1em 3em; font-weight:normal; } #maincontent .sitemap ul ul {font-size:11px; font-weight:normal; } #maincontent ol {margin:0 0 1em 2.5em; line-height:22px; font-size:12px; } #maincontent dl {margin:0 0 2em 10px; } #maincontent dl dt {font-size:14px; line-height:18px; } #maincontent p, #maincontent .content_success p {font-size:12px; margin-bottom:1.5em; } #maincontent .p_float {float:left; width:500px; } #maincontent .big, #maincontent .content_success .big {font-size:14px; margin-top:1.5em; margin-bottom:2.5em; } #maincontent .content_success h1 {display:none!important; } #maincontent .content_success img {float:left; margin:.5em 1em .5em 0; } #maincontent .s_img {text-align:center; float:left; width:240px; margin:.5em 0 .5em 10px; } #maincontent .big {float:left; margin-top:-1.5em; padding-top:0; margin-left:1.5em; margin-bottom:0em; list-style:disc; } #maincontent .img {float:left; width:170px; height:60px; margin-right:.5em; padding:15px 15px 10px 10px; text-align:center; } #maincontent .img_prod {float:left; margin:0 .5em 1em 10px; width:auto!important; height:auto!important; } .s_img a {display:block; text-align:center!important; width:200px; } #maincontent .s_img img {width:auto!important; float:none; } .s_img h2 {display:none; } #maincontent .big {font-size:14px; } #maincontent .small {font-size:10px; line-height:14px; } #sidebar {float:left; width:222px; font-size:12px; margin-right:1px; border:6px solid #E4E4E4; border-top:none; } .search {width:217px; padding:10px 0 15px 5px; background:#E4E4E4;} .search input {float:left; width:160px; border-right:none; margin:10px 0 10px 0;} .search .btn {border:none; margin:11px 0 0 0; width:40px; float:left; background:url(images/button-blue-bg.gif) repeat-x left top;} .search select {width:212px; } .search ul {font-size:11px!important; line-height:16px; margin:.5em 0 0 1.3em; list-style:url(images/li_raqo.gif); } .search ul .nolist {list-style:none!important; margin-left:-13px!important; padding-left:0!important; margin-bottom:0!important; } .search ul img {margin:.5em 0 0 0; } .search dt {margin:0 0 5px 0;} #sidebar p {font-size:11px; line-height:18px; margin:10px 10px 10px 15px; } #sidenav {line-height:18px; margin:10px;} #sidenav .page_item a, #sidenav .current_page_ancestor .children .page_item a, #sidenav .current_page_ancestor .children .children .page_item a {font-weight:normal; color:#1C2979;} #sidenav .current_page_ancestor .current_page_item.page_item a, #sidenav .current_page_ancestor .children .current_page_item.page_item a {font-weight:bold; color:#222;} #sidenav dd {padding:3px 0 3px 0;} #sidenav dd ul {list-style:url(images/li_raqo.gif); margin:5px 0 10px 15px; font-size:12px;} #sidenav dd ul ul {list-style:square; font-size:11px; margin:5px 0 10px 15px!important;} #sidenav dd ul ul ul {font-size:10px;} #sidebar dt, #sidebar h6 {font-size:14px; font-weight:normal;} #sidebar .children {display:none;} #sidebar .current_page_item .children, #sidebar .current_page_ancestor .children {display:block!important;} #sidebar .locations {line-height:18px; margin:0 0 0 10px;} #sidebar .locations dt {font-size:12px; font-weight:bold;} #sidebar .locations dd {margin:0 0 20px 0;} #sidebar .locations dd p {margin:0!important;} #right-sidebar ul {margin:0!important;} #right-sidebar li, #right-sidebar li.linkcat {list-style:none!important;} #right-sidebar li.linkcat ul li {list-style:none; background:url(images/li_raqo.gif) no-repeat scroll left 9px; padding:3px 0 3px 10px; line-height:15px;} #footer {float:left; width:100%; height:75px; margin:1px 0; font-size:12px; } #footer hr {width:950px; margin:1px auto 0 auto;} .thick {border-bottom:25px solid #E4E4E4!important;} .thin {border-bottom:6px solid #E4E4E4!important;} *+html .thick {height:25px; padding:0!important; margin:-7px auto 0 auto!important;} *+html .thin {height:6px; padding:0!important; margin:-13px auto 0 auto!important;} #footer div {width:950px; margin:0 auto;} #footer div p small, #footer div p small a {color:#777; text-decoration:none;} #footer ul {float:left; padding:7px 10px 10px 10px; line-height:20px; width:940px; } #footer ul li {float:left; } #footer ul li a {text-decoration:none; } #footer ul .left {float:left!important; left:0!important;} #footer ul .right {float:right!important; } #footer p {margin:10px 0 20px 0; font-size:10px; line-height:18px; color:#777; text-align:center;} #footer ul.non_home_footer_list {text-align:center;} #footer ul.non_home_footer_list li {float:none;} table {clear:both; width:706px; _width:690px!important; margin-left:10px; _margin-left:5px!important; font-size:11px; text-align:left; line-height:18px; margin-bottom:20px; border-right:1px solid #E4E4E4;} table td, table th {padding:10px; } table th {background:#E4E4E4; font-weight:bold;} table td {border-bottom:1px solid #E4E4E4; border-left:1px solid #E4E4E4;} td.orange {color:#F60;} /* #searchBar {position:relative; clear:both; width:950px; height:32px; margin:5px 0 0 2px; padding:4px 0 0 0; background-color:#8a8a8a;} #searchBox {width:221px; height:24px; background-color:#aaabaf; margin-left:4px; padding:2px; } #searchBox input {width:160px; height:16px; margin-left:1px; } #searchbutton {background-image:url(images/button-blue-bg.gif); background-repeat:repeat-x;} */ /* ------------------- Forms -------------------- */ form input, select {font-family:Arial, Helvetica, sans-serif; color:#626262; font-style:italic; border:1px solid #D6D6D6; padding:2px 5px; } form input {font-size:12px; } form#searchnews {margin:1em 0 1em 15px; } form#searchnews input {width:150px; } form select {font-size:11px; } form select option {width:400px; padding:0 8px; } /* Styling Forms */ #form_left ul li, #form_right ul li {list-style:none; margin:.2em 0; } .content em {font-style:normal; color:#FF0000; } #form_left {float:left; width:120px; } #form_right {float:left; width:340px; } #form_right input, textarea {width:273px; } #form_right textarea {border:1px solid #D6D6D6; padding:2px 5px; } #form_right select {width:285px; } #form_right select.state {width:140px; } #form_right input.zip {width:107px; } .content form .check {margin-left:8em; } .content form .buttons {float:left; width:415px; text-align:right; } a.button {border:1px solid #D6D6D6; background:url(images/bn_tile.gif) repeat-x top #CCC; padding:3px 7px; text-transform:uppercase; text-decoration:none; color:#1C2979; font-size:11px; font-weight:bold; } a.button:hover {color:#1C2979; } /*------------------- Whitepaper Download Box --------------*/ .whitepaper_download {border:7px solid #FF9933; padding:15px 10px 0px 10px; margin-bottom:10px;} .whitepaper_download img {float:left; margin-right:10px;} /*.whitepaper_download {border:7px solid #FF9933; background:url(http://trintech.imarketingmanager.com/wp-content/uploads/2009/08/paper-icon.gif) no-repeat 10px 20px; padding:15px 10px 0px 75px; margin-bottom:10px;} ****** this uses the icon as a bg image, but then it won't be clickable */ .whitepaper_download:hover {border:7px solid #FF9966;} .whitepaper_download h4 {color:#1C2979; font-weight:bold; font-size:13px;} /*------------------ Form Styles --------------------------*/ .gform_body ul li { list-style:none; list-style-type:none; } label.gfield_label { position:absolute; text-align:left; width:130px; } .gform_body input, .gform_body textarea, .gform_body select { margin-left:140px; width:273px; } .gform_body select, .gform_body textarea { width:285px; } .gform_body label.check, .gform_body label.radio { position:relative; text-align:left; } .gform_footer { margin:50px 0 30px 0; text-align:center; } .gform_body input, .gform_body textarea, .gform_body select { border:1px solid #D6D6D6; margin-bottom:4px; } .gfield_description { margin-left:140px; margin-top:-3px; color:#ff0000; font-size:8pt; font-style:italic; } /*-------------------- Additions -------------------------*/ #nav li.wpmenu82 ul li a { width:221px; } #nav li.wpmenu82 ul { width:21px; } #nav li.wpmenu83 ul li a { width:164px; } #nav li.wpmenu83 ul { width:174px; } #nav li.wpmenu84 ul li a { width:120px; } #nav li.wpmenu84 ul { width:130px; } .nav-530 { width:716px; } .nav-530 li { width:33%; } .nav-537 { width:716px; } .nav-537 li { width:33%; } .nav-541 { width:716px; } .nav-541 li { width:33%; } .sidenav_extra {line-height:18px; margin:10px;} .sidenav_extra .current {font-weight:bold; color:#222; text-decoration:none;} .sidenav_extra dd {padding:3px 0 3px 10px; background:url(images/li_raqo.gif) no-repeat left 9px;} .sidenav_extra dd ul {margin:5px 0 10px 15px; list-style:disc; font-size:11px;} .sidenav_extra dd ul ul {list-style:square; font-size:10px;} .sidenav_extra dt, .sidenav_extra h6 {font-size:14px; font-weight:normal;} img.success-story-logo { margin:0 10px 4px 0; } /*------------------ Form Styles -------------------------*/ label.gfield_label { font-weight:bold; } .gform_body select { width:412px; } .gform_body input { width:400px; } .gform_body textarea { width:410px; } ul.gfield_checkbox li { width:200px; margin-left:110px; } ul.gfield_checkbox label { margin-left:0px; } ul.gfield_checkbox input { width:20px; margin-left:0; } ul.gfield_radio input { width:30px; margin-left:105px; } /*** A/B Split test left sidebar contact/lead form ****/ #gform_33 label.gfield_label { position:relative; margin-left:10px; } #gform_33 .gform_body input { width:190px; } #gform_33 .gform_body textarea { width:200px; } #gform_33 .gform_body input, #gform_33 .gform_body textarea, #gform_33 .gform_body select { margin-left:10px; } #gform_33 .gform_footer { margin:10px 0; text-align:center; } /*------------------ Blog Styles -------------------------*/ #blog-sidebar { margin:0 0 10px 10px; } #blog-sidebar h3, #right-sidebar h3, #right-sidebar h2 { margin:10px 10px 5px 0; color:#000; font-size:14px; } #blog-sidebar h2 { margin:10px 10px 15px 0; color:#000; font-size:17px; } #blog-sidebar p { margin-left:0px; } #blog-sidebar li { background:url(images/li_raqo.gif) no-repeat scroll left 9px; padding:3px 0 3px 10px; line-height:15px; } .post { border-bottom:2px solid #E4E4E4; margin-bottom:10px; } #blog-content { position:relative; float:left; width:520px; padding-right:10px; border-right:2px solid #E4E4E4; } #right-sidebar { float:right; width:170px; } #right-sidebar li ul li { background:url(images/li_raqo.gif) no-repeat scroll left 9px; padding:3px 0 3px 10px; line-height:15px; list-style:none; } a.email { background:url("images/icon-email.gif") no-repeat 100% 50%; padding-right:22px; } a.rss { background:url("images/icon-rss.gif") no-repeat 100% 50%; padding-right:17px; } a.twitter { background:url("images/icon-twitter.png") no-repeat 100% 50%; padding-right:18px; } .twitterwidget-title {display:none; margin-top:-5px;} #tweets li { margin-bottom:10px; } .avatar { float:left; margin:0 10px 10px 0; } .addthis_toolbox { margin:0 0 20px 10px; } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#fff;} #colorBox{} #cboxTopLeft{width:25px; height:25px; background:url(images/colorbox/border1.png) 0 0 no-repeat;} #cboxTopCenter{height:25px; background:url(images/colorbox/border1.png) 0 -50px repeat-x;} #cboxTopRight{width:25px; height:25px; background:url(images/colorbox/border1.png) -25px 0 no-repeat;} #cboxBottomLeft{width:25px; height:25px; background:url(images/colorbox/border1.png) 0 -25px no-repeat;} #cboxBottomCenter{height:25px; background:url(images/colorbox/border1.png) 0 -75px repeat-x;} #cboxBottomRight{width:25px; height:25px; background:url(images/colorbox/border1.png) -25px -25px no-repeat;} #cboxMiddleLeft{width:25px; background:url(images/colorbox/border2.png) 0 0 repeat-y;} #cboxMiddleRight{width:25px; background:url(images/colorbox/border2.png) -25px 0 repeat-y;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:20px;} #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;} #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;} #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;} #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;} #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;} #cboxLoadingOverlay{background:url(images/colorbox/loading.gif) 5px 5px no-repeat #fff;} #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wp-content/themes/trintech/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wp-content/themes/trintech/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wp-content/themes/trintech/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wp-content/themes/trintech/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wp-content/themes/trintech/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wp-content/themes/trintech/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wp-content/themes/trintech/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wp-content/themes/trintech/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}