/************************************ AD-IN-ONE URL: www.activewebshop.com AUTHOR: Stéphane Margolis DATE: 20 Jui, 2010 ************************************/ /* Global Styles */ body {background:url('/www/adinone/adinone_new_2010.nsf/images/bg-header.png') repeat-x #ffffff; font-size:12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#555;} a:focus {outline:1px dotted;} a {color:#000; text-decoration:none; cursor:hand; border:none; outline:none;border:none;} a:hover {text-decoration:none;} a span {font-size:90%;} h1 {font-size:23px; max-width:750px} h2 {font-size:21px;} h3 {font-size:18px;} h4 {font-size:16px;} h5 {font-size:14px;} h6 {font-size:14px;} ol {list-style:decimal;} ul {list-style:disc;} li {margin-left:20px; position:relative;} p, li, dl {line-height:18px;} p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, img {margin-bottom:20px; font-weight:normal; border:none; outline:none;} #wrapper {margin-top:0px;} ul li ul, ol li ol {margin-bottom:0px;} ol {padding: 0 0 0 5px;} /* Custom Grid */ .container_12 {margin-left:auto; margin-right:auto; width:1000px;} .float {display:inline; float:left; position:relative; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {display:inline; float:left; position:relative; margin-left:20px; margin-right:20px;} .grid_13 {display:inline; float:right; position:relative; left: -30px; margin-left:20px; margin-right:20px;} .container_12 .grid_1 {width:25px;} .container_12 .grid_2 {width:110px;} .container_12 .grid_3 {width:215px;} .container_12 .grid_4 {width:210px;} .container_12 .grid_5 {width:365px;} .container_12 .grid_6 {width:450px;} .container_12 .grid_7 {width:535px;} .container_12 .grid_8 {width:620px;} .container_12 .grid_9 {width:705px;} .container_12 .grid_10 {width:790px;} .container_12 .grid_11 {width:875px;} .container_12 .grid_12 {width:960px;} /* Global Classes */ .hr {border:none; border-bottom:1px solid #f9f9f9; border-top:1px solid #e9e9e9; clear:both; height:0; line-height:0; width:100%; font-size:0; padding:0 ;margin-bottom :20px;} .pr {border:none; border-bottom:1px dashed #f0f0f0; border-top:1px dashed #d6d6d6; clear:both; height:0; line-height:0; width:100%; font-size:0; padding:0; margin-bottom :30px;} .dotted {border-style:dashed; border-left:0; border-right:0;} .meta {font-weight:normal;font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; font-size:11px; color:#999999 !important; line-height:16px; text-transform:none; text-shadow:none;} .right {float:right;} .left {float:left;} .img_left {float:left; margin:10px 20px 10px 0;} .img_right {float:right; margin:10px 0 10px 20px;} .clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} .textright {text-align:right;} .error, .success {display:none;} #wrapper {position:relative;} .highlight {background-color: yellow; font-size:11px; font-weight:normal; font-style:normal; color:#000; padding: 0 3px;} .social {padding-right: 20px;} /* Buttons */ .button, .button:visited {margin-top:10px; margin-bottom:10px; background:#eee url(../images/alert-overlay.png) repeat-x; display:inline-block; padding:5px 10px 6px; color:#000; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 1px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5); text-shadow:none; border-bottom:1px dashed rgba(0,0,0,0.25); position:relative; cursor:pointer; font-size:11px; font-weight:bold; line-height:1; border:0;} .button:hover {background-color:#111; color:#fff; text-decoration:none;} .button:active {top:1px;} .button_big_black, .button_big_black:visited {margin-top:10px; margin-bottom:10px; background:#eee url(../images/alert-overlay.png) repeat-x; display:inline-block; padding:5px 10px 6px; color:#000; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 1px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5); text-shadow:none; border-bottom:1px dashed rgba(0,0,0,0.25); position:relative; cursor:pointer; font-size:16pt; font-weight:normal; line-height:1; border:0;} .button_big_black:hover {background-color:#111; color:#fff; text-decoration:none;} .button_big_black:active {top:1px;} .button_big_orange, .button_big_orange:visited {margin-top:10px; margin-bottom:10px; background:#ff5a15 url(../images/alert-overlay.png) repeat-x; display:inline-block; padding:5px 10px 6px; color:#ffffff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 1px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5); text-shadow:none; border-bottom:1px dashed rgba(0,0,0,0.25); position:relative; cursor:pointer; font-size:16pt; font-weight:normal; line-height:1; border:0;} .button_big_orange:hover {background-color:#111; color:#fff; text-decoration:none;} .button_big_orange:active {top:1px;} .button_uni, .button_uni:visited {width: 210px; margin-top:10px; margin-bottom:10px; background:#eee; display:inline-block; padding:10px 10px 10px 10px; color:#000; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 1px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5); text-shadow:none; border-bottom:1px dashed rgba(0,0,0,0.25); position:relative; cursor:pointer; text-align:center; line-height:2; border:0;} /* .button_uni:hover {margin-top:10px; margin-bottom:10px; padding:10px 10px 10px 10px; background-color:#111; color:#777; text-decoration:none;} */ /* Buttons */ #slideshow p strong {line-height: 20px;} /* site map */ ul.sitemap {list-style:none;margin:0; padding:0 20px 20px 0;float:left;} li.category {font-weight:bold; text-transform:uppercase; padding-bottom:15px;} li.level2 {text-indent:0px;} li.level3 {text-indent:30px;} div.sitelang {padding: 0;} a.SiteMapLevel0 {font-weight:bold; text-transform:uppercase; padding-bottom:15px; color:#535353;} a.SiteMapLevel1 {padding-left:30px;color:#737373;} a.SiteMapLevel2 {padding-left:60px;color:#919191;} /* tools */ .replace,.plus {position:relative; margin: 0; padding: 0; overflow: hidden;} /* Site Logo */ div#logo {margin:0; height:108px; width:250px;} div#logo img {margin:38px 0 0 15px;} /* Language */ .lang {position:relative;text-align:right;padding-right:170px;color:#aaa;z-index:999;} .lang a {font-size:10px; color:#aaa; line-height:20px; padding:3px 6px 3px 6px; margin:0px; border-right: 1px solid #282828;} .lang a.about {color:#fff;} .lang a:hover {color:#555;} .lang a.first {border-left: 1px solid #282828;} /* Language dropdown*/ ul#language {position:absolute; top:0; right:20px; margin:0; padding:0;} ul#language li {list-style:none;text-transform:uppercase;height:20px;} ul#language li a {display:block; border-right: 0px; color:#aaa; padding:0; margin:0;} ul#language li span {background:#fff; border: 1px solid #e5e5e5; border-width:0 1px 1px 1px; position:absolute; right:0px; top:20px; display:none; padding: 20px; width:400px;} /* originalni sirka byla 400, docasne zuzeno*/ ul#language li span a {color:#111; float:left; margin-left:10px;} /* Site Navigation */ ul#navigation {float:left; position: relative; text-transform:uppercase; z-index:60;width:730px; background: url('/www/adinone/adinone_new_2010.nsf/ibm-business-partner.gif') right bottom no-repeat; } ul#navigation li {float:left; border-right: 1px solid #e5e5e5; list-style:none; min-height:30px; margin : 30px 0 10px 0;} ul#navigation li a {display:block; padding:6px 15px 6px 15px; text-decoration:none; color:#000; font-size:14px; font-weight:bold} ul#navigation li a:hover {color:#111;} ul#navigation li a.current {background:#ff5a15;color:#fff;} ul#navigation li.last {border-right:0;} ul#navigation li span { background:#fff; float:left; position:absolute; left:0; top:30px; display:none; padding: 15px 0; width:100%;} ul#navigation li:hover span {display: block;} ul#navigation li span a {color:#000; display: block; font-weight: normal; font-size:10px; letter-spacing:0px;} ul#navigation li span a:hover {color:#555; text-decoration: underline;} /* Footer */ .footer {color:#888;font-size:11px;} .footer, .footer a {color:#555;} .footer a:hover {color:#9d9d9d;} /* Sub Navigation */ ul.sidebar {list-style:none; margin:0 0 30px 0; padding:0;} ul.sidebar li {margin:0 0 0 0; padding:0;} ul.sidebar a {width:210px;display:inline-block; padding:10px 0 10px 5px; border-bottom:1px dashed #e4e4e4; text-decoration:none; color:#393939; } ul.sidebar li:last-child a {-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;} ul.sidebar li:first-child a {-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;} ul.sidebar a:hover {background:#f6f6f6;} /* ul.sidebar a:hover {width:200px; background:#f6f6f6; padding:10px 0 10px 20px;} */ ul.sidebar li a.current {background:#ff5a15;} ul.sidebarp {list-style:none; margin:0; padding:0px 0px 0px 0px; font-weight:normal; border:none; outline:none;} ul.sidebarp a {list-style:none; margin:0; padding:0px 0px 0px 0px; font-weight:normal; border:none; outline:none;} ul.sidebarp a:hover {list-style:none; margin:0; padding:0px 0px 0px 0px; font-weight:normal; border:none; outline:none;} img.sidebarp {margin:0px; padding:0px; font-weight:normal; border:none; outline:none; } img.sidebarp a:hover {margin:0px; padding:0px; font-weight:normal; border:none; outline:none; } /* Caption */ h1.caption {float:left;color:#000000; text-shadow:none; font-size:26px; line-height:30px; font-weight:normal;} h1.caption span {color:#555;} h1.caption a:hover {text-decoration : underline;} /* Bubbles Styles */ #bubble {width:960px;padding:0;margin: 0;} #bubble .who a {height:173px; width:172px;} #x-bubble a h3 {background: #111; font-weight:bold; -moz-border-radius-:3px;-webkit-border-radius:3px;text-align:center;color: #fff;font-size: 10px; min-height: 30px;max-width: 140px;padding: 0 7px; overflow: hidden;line-height: 31px;opacity: 0.8;filter: alpha(opacity = 80);position: relative;} #x-bubble a:hover h3 {background: #F4F4F4;color: #111;opacity: 1;filter: alpha(opacity = 80)} #bubble a h3 {-moz-border-radius-:3px;-webkit-border-radius:3px;text-align:center;color: #333; font-weight:normal; border:0px; font-size: 12px; min-height: 30px;max-width: 140px;padding: 0 7px; overflow: hidden;line-height: 31px;opacity: 0.8;filter: alpha(opacity = 80);position: relative;} #bubble a:hover h3 {color: #000;opacity: 1;filter: alpha(opacity = 80)} #bubble li {position: relative; float:left; z-index:50; list-style: none;} #bubble .who h3 {left: 20px; width:120px; position:absolute; top: 33%;} #bubble .who {height: 173px;width: 172px;margin: 125px 0 0 10px;padding: 5px 0 0 5px;} #bubble .two {margin: 55px 0 0 0;} #bubble .three {margin: 155px 0 0 0;} #bubble .four {margin: 25px 0 0 -5px;} /* Featured Image Slider */ div#headerimage {position:relative; width:960px; height:400px; overflow:hidden; clear: both; z-index: 50;} div#headerimage .content, div#headerimage .replace a {color:#fff; position:absolute; width:255px; height:340px; padding:30px;bottom:0px;left:650px;z-index:200;} div#headerimage h1 {font-weight:normal; font-size: 22px; margin-top: 165px;text-align:right;letter-spacing:2px;text-transform:uppercase;} div#headerimage h1 span {background:#111;line-height: 115%;} /* the slide */ div#slidearrows {float: left; position: relative; padding: 0 0 20px; clear: both;} div#featureslide {float: left; position: relative; background: #fbf8f0; width: 960px; min-height: 170px; padding: 0 0 0 0px !important; overflow:hidden; clear: both; z-index: 50;} div#featureslide.home {min-height: 160px; background: transparent; margin: 0 0 0px 0;} /* slide feature boxes */ div.slide {float: left; position: relative; width: 2880px; clear: both;} div.slide img {float: left; margin: 0;} div.slide .column { position: relative; float: left; width: 290px; min-height: 115px; margin: 20px 0 0px 20px; padding: 0 20px 0px 0px; background: url(../images/link_border.png) no-repeat right -80px;} div.slide .long {padding: 0; margin-right:0; width: 629px; background:none;} div.slide .column.first {padding: 0 20px 0 0px; margin-left:0; background: url(../images/link_border.png) no-repeat right -80px;} div.slide .column.last {width:300px; padding: 0 0px 0 0px; background:none;} div.slide .column.section {margin: 20px 0 0 0px; background: url(../images/link_border.png) no-repeat right -80px;} div.slide h1,div.slide h3 {margin: 0px 0 10px 0; color: #0a0a0a; font-size: 15px; font-weight: bold; padding-bottom:10px;border-bottom:1px solid #e5e5e5;line-height: 18px;} div.slide .column h3 {font-size: 12px;} div.slide p {color: #737373; margin:0;padding:0;} div.slide .column.half {width:297px; background: none; margin: 20px 20px 0 0px; padding: 0;} div.slide .column.img {width:142px;background: none; margin: 20px 0 0 0px;} div.slide .column.img img {width:122px; background:#f9f9f9; padding:9px; border:1px solid #e5e5e5;} div.slide .column.der {width:297px; margin: 20px 0 0 0px;} div.slide .column strong {color:#0a0a0a;} /* styled slider scrollbar */ div.slider_small {position: relative; height: 16px; margin: 0; top: 104px; padding: 0px; background: #111; z-index: 200;} div.slider_small a {text-decoration:none; outline:none;} div.handle_small {position: absolute; width: 90px; height: 16px; top: 0px; background: #bbb; z-index: 300;} /* Simple News Slider */ .news {padding:0;} .news ul {padding:0; margin:0;list-style:none; overflow:hidden; width:100%;} .news li {padding-bottom:5px; margin:0;float:left;} /* arrows for header images */ a#home_arrow_left {position: absolute; top: 114px; left: 0; display: none; background:#111; width:50px; height: 400px; padding: 0; text-indent: -9000px; outline: none; z-index: 100;} a#home_arrow_left.active {background-position: 0 -400px;} a#home_arrow_right {position: absolute; top: 114px; right: 0px; display: block; background: #111; width: 50px; height: 400px; padding: 0; text-indent: -9000px; outline: none; z-index: 100;} a#home_arrow_right.active {background-position: 0 -400px;} /* home page nav tabs */ ul#homenav {float:left; position:relative; display:inline; list-style-type:none; margin: -37px 0 0 20px; padding: 0; height: 37px; z-index: 100;} ul#homenav li {float: left; height: 37px; margin: 0 4px 0 0; padding: 0; font-weight:bold; font-size:16px;} ul#homenav li a {color:#fff; float: left; display: block; height: 37px; padding: 0 0 0 10px; outline: none; text-decoration: none; line-height: 2.5em; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px;} ul#homenav li a:hover {cursor: pointer; background: #fff; color:#000;} li#hn_tabone.off a {display: block; background: #000; width: 155px; height: 37px;} li#hn_tabone.on a {color:#111; display: block; background: #fff; width: 155px; height: 37px;} li#hn_tabtwo.off a {display: block; background: #000; width: 198px; height: 37px; } li#hn_tabtwo.on a {color:#111; display: block; background: #fff; width: 198px; height: 37px;} li#hn_tabthree.off a {display: block; background: #000; width: 188px; height: 37px;} li#hn_tabthree.on a {color:#111; display: block; background: #fff; width: 188px; height: 37px;} /* home images */ div#hi_tabone {float: left; width: 960px; height: 400px; background: url(/www/adinone/adinone_new_2010.nsf/images/bg.jpg) repeat-x; } /* div#hi_tabone {float: left; width: 960px; height: 400px; background: url(/www/adinone/adinone_new_2010.nsf/images/bg.png) repeat-x; } */ div#hi_tabtwo {float: left; width: 960px; height: 400px; background: url(/www/adinone/adinone_new_2010.nsf/images/ad-in-one.jpg) no-repeat;} /* div#hi_tabtwo {float: left; width: 960px; height: 400px; background: url(/www/adinone/adinone_new_2010.nsf/images/christmas_anim.gif) no-repeat;} */ div#hi_tabthree {float: left; width: 960px; height: 400px; background: url(/www/adinone/adinone_new_2010.nsf/images/wmc.jpg) no-repeat;} div#hi_tabone a {display:block; position:absolute; left:0px; top:0px; width:960px; height:400px; z-index:200;} div#hi_tabtwo div, div#hi_tabthree div {display:block; position:absolute; left:650px; top:0px; width:290px; height:400px; z-index:200; font-size:90%; color:#fff; } /* Normal Page Image & Video Styles */ div.history {position:relative; font-family:Verdana, Geneva, sans-serif; clear:both;} div.history div.titr {color:#000;width:100px; padding: 2px 30px 0 0; float:left; line-height:normal;} div.history div h1 {font-size:11px; font-weight:bold; font-style:normal;} div.history div {width:550px; margin: 0 0 20px 0; padding: 0 0 0 20px; float:right;line-height:18px;} img.video {width:200px; background:#fff; margin:0; padding:9px; min-height:50px; border:1px solid #e5e5e5;} a.zoom, a.videozoom {float:left; width:220px; min-height:50px; margin:0; padding:0;} #slideshow {padding: 0 0 20px 0;} #slideshow p span {float:right; width:465px; padding: 0 0 20px 20px;} #slideshow p span strong {display:block; font-size:22px; font-weight:normal;color:#0a0a0a; padding-bottom:15px;} .zoom, .videozoom {display:block;position:relative;padding: 5px 0 10px 0;} .picHover {background: url(/www/adinone/adinone_new_2010.nsf/images/picHover.gif) center center #fff no-repeat; display: block; position:absolute;width:100%;top:0;left:0;height:100%;} .zoom:hover img {filter: alpha(opacity=70);opacity: .7;} /* News Date Style */ div.history h1 {background:#e3e3e3; background:-moz-linear-gradient(top, #e3e3e3, #c8c8c8); background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#c8c8c8)); padding:10px 20px; margin:0; position:relative; width:70%; -moz-box-shadow:1px 1px 3px #292929; -webkit-box-shadow:1px 1px 3px #292929; color:#454545; text-shadow:0 1px 0 white;} h1 .arrow {width:0; height:0; line-height:0; border-left:20px solid transparent; border-top:10px solid #c8c8c8; top:104%; left:0; margin-bottom:20px; position:absolute;} /* Simple Image Slider */ .auto {position: relative; margin:0px; visibility:hidden;width: 705px;} .auto ul {margin:0; list-style:none; overflow:hidden; width:100%;} .auto li {margin:0; padding:0; width:705px;} .auto li img.media {width:685px; background:#fff; padding:9px; border:1px solid #e5e5e5;} /* Logos Carrousel */ .cars {visibility:hidden;left: -5000px; text-align:center;} .cars ul {margin:0 auto 0 auto; list-style:none; overflow:hidden;} .cars li {margin:0; padding:0 0 20px 0; width:158px; float:left;} .cars img {margin:0; width:auto; height:70px;} .control .prev {width: 30px;height: 48px;float: left;display: block;margin-top:10px;text-indent: -9999px;background: url(/www/adinone/adinone_new_2010.nsf/images/left.gif) no-repeat top center;border: 0px dotted #999;} .control .next {width: 30px;height: 48px;float: right;display: block;margin-top:10px;text-indent: -9999px;background: url(/www/adinone/adinone_new_2010.nsf/images/right.gif) no-repeat top center;border: 0px dotted #999;} .control .prev:hover, .control .next:hover {background-position: bottom center;} /* Icons Module Display Styles 4 columns*/ a.module {position:relative; float:left; margin:0 2px 0 0; padding:0;} a.module h3 {position:absolute; top:37%; left:19px; width:121px; background:#111; font-weight:bold; -moz-border-radius-:3px;-webkit-border-radius:3px; text-align:center; color:#ddd; font-size:10px; padding:0 7px; overflow:hidden; line-height:21px; opacity: 0.8;filter: alpha(opacity = 80);} a.module:hover h3 {background:#F4F4F4;color: #111;opacity: 1;filter: alpha(opacity = 80)} /* New Icons Module Display 5 columns - original style (remove x- to use) */ x-a.module-s {position:relative; float:left; margin:0 2px 0 0; padding:0;} x-a.module-s h3 {position:absolute; top:37%; left:15px; width:92px; background:#111; font-weight:bold; -moz-border-radius-:3px;-webkit-border-radius:3px; text-align:center; color:#ddd; font-size:10px; padding:0 7px; overflow:hidden; line-height:21px; opacity: 0.8;filter: alpha(opacity = 80);} x-a.module-s:hover h3 {background:#F4F4F4;color: #111;opacity: 1;filter: alpha(opacity = 80)} /* New Icons Module Display 5 columns bez podkladu */ a.module-s {position:relative; float:left; margin:0 2px 0 0; padding:0;} a.module-s h3 {position:absolute; top:34%; left:15px; width:92px; -family: "Arial Black", Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight:normal; -moz-border-radius-:3px;-webkit-border-radius:3px; text-align:center; color:#444; font-size:12px; padding:0 7px; overflow:hidden; line-height:18px; opacity: 0.8;filter: alpha(opacity = 80);} a.module-s:hover h3 {;color: #111;opacity: 1;filter: alpha(opacity = 80)} /* Blog Post Styles */ .post a:hover {text-decoration:underline;} .post .title {color:#393939; font-size:30px;} .post .title a {color:#393939; text-decoration:none;} .post a.button:hover {text-decoration:none;} .post .sub {font-size:12px; color:#9d9d9d;} .post .thumb {width:619px; height:150px; padding:5px; border: 1px dashed #cccccc; -moz-border-radius:5px; -webkit-border-radius:5px;} /* Comment's List */ .commentlist {margin:0; padding:0; margin-bottom:20px; float:left; width:100%;} .commentlist li {width:100%; clear:both; float:left; padding:0; list-style-type:none; margin:0; position:relative;} .gravatar {float:left; width:60px; padding:0px 10px 0 0; text-align: center;} .gravatar img {display:block; padding:5px; padding-left:none; margin-bottom:0px;} .comment_content {float:left; width:569px;} .commentmetadata {float:right;} .comment-reply-link {text-decoration:none; font-size:10px;} .author_name {font-weight:bold; font-style:normal; font-size:15px; float:left;} .author_name a{color:#000000;} .comment_text {clear:both; margin-top:10px;} .comment-reply-link {text-align:center; display:block;} /* Contact Form */ p.error {margin-left:140px; margin-top:10px;} #contact_form ul {float:left;} #contact_form ul li {margin:10px 0; list-style:none; position:relative; clear:both;} #contact_form label {line-height:35px; width:100px; text-align:right; float:left; margin-right:10px;} #contact_form input#name, #contact_form input#email, #contact_form input#subject, #contact_form textarea {float:left; padding:8px; border:1px dashed #CCCCCC; margin-left:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;} #contact_form input#name, #contact_form input#email, #contact_form input#subject {width:400px;} #contact_form textarea {width:510px;height:150px; resize: none;} #contact_form input.button {float:right; margin-right:80px;} /* Comment form */ #comment_form ul {float:left;} #comment_form ul li {margin:10px 0; list-style:none; position:relative; clear:both;} #comment_form label {line-height:35px; width:100px; text-align:right; float:left; margin-right:10px;} #comment_form input, #comment_form textarea {float:left; padding:8px; border:1px dashed #CCCCCC; margin-left:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;} #comment_form input {width:400px;} #comment_form textarea {width:500px; height:150px; resize:none;} /* Contact Page Sidebar */ .contact ul {list-style:none;} .contact li {margin:0;} /* Overiding Classes */ /* Must remain at the bottom of the stylesheet */ .clearfix:after {clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0;} * html .clearfix {height:1%;} .alpha {margin-left:0;} .omega {margin-right:0;} /* 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;} /* 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:url(/www/adinone/adinone_new_2010.nsf/images/colorbox/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft {width:21px; height:21px; background:url(/www/adinone/adinone_new_2010.nsf/images/colorbox/controls.png) -100px 0 no-repeat;} #cboxTopRight {width:21px; height:21px; background:url(/www/adinone/adinone_new_2010.nsf/images/colorbox/controls.png) -129px 0 no-repeat;} #cboxBottomLeft {width:21px; height:21px; background:url(/www/adinone/adinone_new_2010.nsf/images/colorbox/controls.png) -100px -29px no-repeat;} #cboxBottomRight {width:21px; height:21px; background:url(/www/adinone/adinone_new_2010.nsf/images/colorbox/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft {width:21px; background:url(/www/adinone/adinone_new_2010.nsf/images/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight {width:21px; background:url(/www/adinone/adinone_new_2010.nsf/images/colorbox/controls.png) right top repeat-y;} #cboxTopCenter {height:21px; background:url(/www/adinone/adinone_new_2010.nsf/images/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter {height:21px; background:url(/www/adinone/adinone_new_2010.nsf/images/colorbox/border.png) 0 -29px repeat-x;} #cboxContent {background:#fff;} #cboxLoadedContent {margin-bottom:28px;} #cboxTitle {position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent {position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow {position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious {position:absolute; bottom:0; left:0px; background:url(/www/adinone/adinone_new_2010.nsf/images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover {background-position:-75px -25px;} #cboxNext {position:absolute; bottom:0; left:27px; background:url(/www/adinone/adinone_new_2010.nsf/images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover {background-position:-50px -25px;} #cboxLoadingOverlay {background:url(/www/adinone/adinone_new_2010.nsf/images/colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic {background:url(/www/adinone/adinone_new_2010.nsf/images/colorbox/loading.gif) center center no-repeat;} #cboxClose {position:absolute; bottom:0; right:0; background:url(/www/adinone/adinone_new_2010.nsf/images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* 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=images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} /* NEW STYLES: 2011-04-06 */ div.breadcrumb { display:inline; float:left; position:relative; margin-left:20px; margin-right:20px; margin-bottom: 10px; min-width:600px} div.breadcrumb A, div.breadcrumb A.visited, div.breadcrumb A.hover, div.breadcrumb A.active { color: #555; } div.follow_us { font-size:19px; margin-bottom:20px; font-weight:normal; border:none; outline:none; width:185px; } div.homepage_message { margin-bottom:20px; font-weight:normal; border:none; outline:none; font-weight:normal; font-size: 22px; margin-top: 165px;text-align:right;letter-spacing:2px;text-transform:uppercase; } div.homepage_message SPAN {background:#111;line-height: 115%;}