/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CSS document for logixcentral.com + accompanying CMS - Created February 2010 - Authored by Rich - Design By Russell G ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~ DPS International Limited - http://www.dps-int.com ~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ * {padding:0; margin:0; border:0; font-family:Arial, Helvetica, sans-serif; color:#333333; text-decoration:none} /* Layout */ #container1{background:url(../images/bgmain_021.jpg) repeat-x #f2f8f8} #container2{width:930px; margin:0 auto} #container2 #leftcolumn{float:left; width:590px} #container2 #rightcolumn{float:right; width:315px} .floatleft{float:left} .floatright{float:right} .clearer{clear:both; font-size:0} /* Header */ #header {width:930px; height:113px; margin:0 auto; background:url(../images/logixcentral_logo.jpg) no-repeat} h1 {float:left; width:500px; height:113px; background:url(../images/logixcentral_logo.jpg) no-repeat; text-indent:-9999px} h1 a {display:block; width:500px; height:113px} .righthead{width:300px;float:right;} #signupbox {width:315px; border:1px solid #c6dbdf; margin:0 0 15px 0; background:#f2f6f7} #loginbox {float:right; width:215px; height:53px; margin:25px 0 0 0; background:url(../images/signup_icon.jpg) no-repeat 0 65%} #loginbox p {padding-top:5px; margin-left:75px; font-size:12px} #loginbox a {color:#333} #loginbox a:hover {color:#069} p.showlang {float:right; width:300px; height:10px; margin:5px 0 0 0; font-size:0.8em;} p.showlang{text-align:right;margin-top:10px;} p.showlang a{display:block;font-style:italic;text-decoration:none;color:#333;border:0;padding-right:30px;margin-right:10px;background:no-repeat right;} /* Top Navigation Menu ~ "topNav" */ #topNav {width:935px; height:42px; margin:0 auto 20px auto; background-image:url(../images/sample_09.jpg)} #nav li {float:left; list-style-type:none} #nav li a {display:block; height:42px; background:top no-repeat} #nav li a span {visibility:hidden} /* Hover states */ #nav li a:hover {background-position:bottom} /* Menu Item Backgrounds - Default - "english" backgrounds applied by persistent classes */ #nav li a.home {width:105px; background-image:url(../images/topNav/topNav_01.jpg)} #nav li a.about {width:129px; background-image:url(../images/topNav/topNav_02.jpg)} #nav li a.news {width:104px; background-image:url(../images/topNav/topNav_03.jpg)} #nav li a.features {width:130px; background-image:url(../images/topNav/topNav_04.jpg)} #nav li a.pricing {width:112px; background-image:url(../images/topNav/topNav_05.jpg)} #nav li a.demos {width:119px; background-image:url(../images/topNav/topNav_06.jpg)} #nav li a.login {width:107px; background-image:url(../images/topNav/topNav_07.jpg)} #nav li a.contact {width:129px; background-image:url(../images/topNav/topNav_08.jpg)} /* Menu Item Backgrounds - Regioinal - Applied by overruling default class with language-specifc ID */ /* Danish ~ "dan" */ #nav li a#home_dan {width:95px; background-image:url(../images/menu/menu-images_01_dan.jpg)} #nav li a#about_dan {width:89px; background-image:url(../images/menu/menu-images_02_dan.jpg)} #nav li a#news_dan {width:113px; background-image:url(../images/menu/menu-images_03_dan.jpg)} #nav li a#features_dan {width:135px; background-image:url(../images/menu/menu-images_04_dan.jpg)} #nav li a#pricing_dan {width:92px; background-image:url(../images/menu/menu-images_05_dan.jpg)} #nav li a#demos_dan {width:187px; background-image:url(../images/menu/menu-images_06_dan.jpg)} #nav li a#login_dan {width:94px; background-image:url(../images/menu/menu-images_07_dan.jpg)} #nav li a#contact_dan {width:130px; background-image:url(../images/menu/menu-images_08_dan.jpg)} /* French ~ "fre" */ #nav li a#home_fre {width:85px; background-image:url(../images/menu/menu-images_01_fre.jpg)} #nav li a#about_fre {width:133px; background-image:url(../images/menu/menu-images_02_fre.jpg)} #nav li a#news_fre {width:105px; background-image:url(../images/menu/menu-images_03_fre.jpg)} #nav li a#features_fre {width:134px; background-image:url(../images/menu/menu-images_04_fre.jpg)} #nav li a#pricing_fre {width:67px; background-image:url(../images/menu/menu-images_05_fre.jpg)} #nav li a#demos_fre {width:196px; background-image:url(../images/menu/menu-images_06_fre.jpg)} #nav li a#login_fre {width:84px; background-image:url(../images/menu/menu-images_07_fre.jpg)} #nav li a#contact_fre {width:131px; background-image:url(../images/menu/menu-images_08_fre.jpg)} /* Norwegian ~ "nor" */ #nav li a#home_nor {width:96px; background-image:url(../images/menu/menu-images_01_nor.jpg)} #nav li a#about_nor {width:102px; background-image:url(../images/menu/menu-images_02_nor.jpg)} #nav li a#news_nor {width:107px; background-image:url(../images/menu/menu-images_03_nor.jpg)} #nav li a#features_nor {width:132px; background-image:url(../images/menu/menu-images_04_nor.jpg)} #nav li a#pricing_nor {width:103px; background-image:url(../images/menu/menu-images_05_nor.jpg)} #nav li a#demos_nor {width:156px; background-image:url(../images/menu/menu-images_06_nor.jpg)} #nav li a#login_nor {width:103px; background-image:url(../images/menu/menu-images_07_nor.jpg)} #nav li a#contact_nor {width:136px; background-image:url(../images/menu/menu-images_08_nor.jpg)} /* Swedish ~ "swe" */ #nav li a#home_swe {width:96px; background-image:url(../images/menu/menu-images_01_swe.jpg)} #nav li a#about_swe {width:102px; background-image:url(../images/menu/menu-images_02_swe.jpg)} #nav li a#news_swe {width:107px; background-image:url(../images/menu/menu-images_03_swe.jpg)} #nav li a#features_swe {width:132px; background-image:url(../images/menu/menu-images_04_swe.jpg)} #nav li a#pricing_swe {width:103px; background-image:url(../images/menu/menu-images_05_swe.jpg)} #nav li a#demos_swe {width:156px; background-image:url(../images/menu/menu-images_06_swe.jpg)} #nav li a#login_swe {width:103px; background-image:url(../images/menu/menu-images_07_swe.jpg)} #nav li a#contact_swe {width:136px; background-image:url(../images/menu/menu-images_08_swe.jpg)} /* Page/Menu Selected States */ body#homepage #nav a.home,body#aboutpage #nav a.about,body#newspage #nav a.news,body#featurespage #nav a.features,body#pricingpage #nav a.pricing,body#demospage #nav a.demos,body#contactpage #nav a.contact {background-position:bottom} /* Promotional Banner underneath Top Navigation Menu */ #banner {width:930px; height:221px; border:1px solid #c6dbdf; margin:0 auto 20px auto} #banner a img {border-bottom:1px solid #c6dbde} #bannersmall {width:930px; height:75px; border:1px solid #c6dbdf; margin:0 auto 20px auto} /* General/Content */ a {text-decoration:none; color:#2e586d} a:hover {color:#900} a:active {border:1px dotted #4c718c} #nav a:active,h1 a:active,#footer a:active{border:0} a:visited{color:#4c718c} a img {border:0} h2, h3, h4 {color:#2e586d} h2 {margin:15px; font-size:20px; font-weight:normal} h3{margin:30px 15px 15px 15px; font-size:14px; font-weight:bold} h4{margin:15px; font-size:13px; font-weight:bold} hr {display:block; clear:both; margin:20px 15px; border-top:2px solid #C6DBDF;} table img {float:left; border:1px solid #c6dbdf} #maincontent .aligncenter {text-align:center} #maincontent .mandatory {font-size:0.8em} #maincontent p a.nofont{font-size:0} #maincontent .block{display:block;} .italic {font-style:italic} /* Left Column - Main Content */ #maincontent {min-height:400px; border:1px solid #c6dbdf; margin-bottom:20px; background:#f2f6f7} #maincontent p {margin:0 15px 15px 15px; font-size:12px; color:#333} #maincontent p.success {padding:15px 10px; border:1px solid #090; background:#9f9} #maincontent p.alert {padding:15px 10px; border:1px solid #FC0; background:#FF9} #maincontent p.error{padding:15px 10px; border:1px solid #f00; background:#FFF; color:#f00} #maincontent p img {clear:both; border:1px solid #c6dbdf; margin:0 15px 15px 0} #maincontent li {margin:0 0 5px 35px; list-style:disc inside; font-size:12px; color:#333} /* FAQ Page */ #maintable {margin:0 15px 15px 15px; font-size:12px; font-weight:normal; color:#333} #maincontent table {margin:15px 15px 15px 0; vertical-align:top} #maincontent table h3{margin-top:0; font-size:14px; font-weight:bold} #maincontent table p img{float:left;display:inline;} .coltop{color:#900;} .collines{background-color:#e2e2e2;} .collines2{background-color:#e2e2e2;text-align:center;} a.faqtop {display:block; width:555px; height:39px; background:url(../images/vehicle_scheduling_top.gif) no-repeat; text-indent:-9999px} /* Features Page */ body.features #maincontent ul li {list-style-image:url(../images/icons/tick_16.png)} /* News Page */ .newsBox {min-height:80px; padding:5px 0; background:#; margin:0 20px 20px 20px; border:1px solid #C6DBDF; background:url(../images/logos/lxc_x.jpg) no-repeat center right #FFF} .newsBox img {margin:5px 10px} .newsBox h3 {margin:5px 20px; font-size:12px} .newsBox h3 a {color:#900;} .newsBox h3 a:hover {text-decoration:underline} #maincontent .newsBox p {margin-bottom:10px} #maincontent .moreLink {margin-top:15px} #maincontent .moreLink a {text-decoration:none; padding: 2px 0 0 10px; background:url(../images/bullet.gif) no-repeat left center} #maincontent .moreLink a:hover {text-decoration:underline} /* Testimonials Page */ body.testimonials #maincontent p {margin-bottom:25px; clear:both} /* Tutorials Page */ #maincontent #tutorials p {font-size:13px; font-weight:normal} /* Contact/Signup Page */ fieldset {border:0; margin:0 15px 15px; color:#333; font-size:12px} label {display:block; margin-bottom:5px} input, textarea {width:190px; padding:5px; border:1px solid #C6DBDF} input.checkbox {width:20px} select {width:196px; padding:2px; border:1px solid #C6DBDF} option {margin-bottom:5px} textarea {padding:5px; border:1px solid #C6DBDF} #btnSubmit {display:inline-block; width:200px; height:42px; padding-bottom:5px; border:0; margin:20px 0 30px 20px; background:url(../cms/images/button_blank.jpg) no-repeat; cursor:pointer} #recaptcha_widget_div {margin-left:15px} body.signuppage #maincontent textarea{width:520px;font-size:12px;margin:15px;padding:15px;} /* 404 error page */ p.errorlangselect {line-height:2em} p.errorlangselect a {display:inline-block; padding-left:30px; margin-right:30px} /* Right Column - Info Boxes */ #submenu {width:315px; margin:0 0 15px 0; background:url(../images/archive-48.png) no-repeat left top} #submenu h2 {padding-left:50px; margin:15px 15px 20px 15px; font-size:18px; font-weight:normal; color:#2e586d;} #submenu li {margin:0 0 5px 0; font-size:13px; list-style:none;border:1px solid #c6dbdf} #submenu li a {display:block; width:305px; height:30px; padding:10px 0 0 10px; margin:0} #submenu li a:hover {padding-left:12px; background:#e5edef; color:#333} .infobox {width:315px; margin:0 0 15px 0; border:1px solid #c6dbdf; background:#f2f6f7} .infobox img {float:left; margin:10px; border:1px solid #c6dbdf} .infobox h2 {margin:10px; font-size:16px; font-weight:normal; color:#2e586d} .infobox p {margin:10px; font-size:11px; font-weight:normal; color:#333; text-decoration:none} /* Testimonials (Just above Footer) */ #testimonials {clear:both; width:928px; height:150px; border:1px solid #c6dbdf; margin:15px auto; background:#FFF} div#testimonials img{float:left} div#testimonials a, div#testimonials a:hover, div#testimonials a:active, div#testimonials img{ border:0;margin:0;padding:0} /* Footer */ #footer {width:930px; min-height:155px; padding:10px 0 15px 0; border:1px solid #c6dbdf; margin:0 auto 20px auto; background-image:url(../images/footer_bg.jpg)} #footer p {clear:both; font-size:11px; color:#000; padding:2px 15px} #footer a {color:#000} #footer a:hover {text-decoration:none; color:#900} #footer img {float:left; margin:5px 0 0 15px; border:1px solid #F90} #copyright {float:left; width:220px; padding:5px 0 0} #copyright p {padding:0 15px; margin-bottom:7px} #languages h3#chooselang {margin:0; font-size:1.2em; color:#333} #languages p {padding:0; margin:0} #languages a {display:block; float:left; height:13px; padding-left:25px; margin:10px 10px 0 0; text-decoration:underline} #languages{width:420px;float:right;} #languages p{padding:0;} #languages p.selectedlang{width:400px;padding-left:0;font-style:italic;color:#666;margin:5px 0 5px 0;} #languages p.userlangselect{width:400px;min-height:110px;} #languages p.userlangselect a{display:inline-block;white-space:nowrap;} #maincontent ul li{list-style:disc outside;margin-left:40px;padding-left:5px;} /* Links underneath Footer */ #altnav {width:930px; margin:10px auto; text-align:center;} #altnav p {font-size:12px; margin-left:10px; text-align:center;} /* Content Management System CSS */ #upcontentbutton,p.editbox a,#btnSubmit{background:transparent url(../cms/images/button_blank.jpg) no-repeat scroll 0 0;border:0 none;display:inline-block;height:42px;padding-bottom:5px;width:200px;cursor:hand;} body#cms #maincontent{width:100%; margin:0 auto 20px auto} body#cms a:active {border:0; background-color:#ff0} /* CMS Home/Logout Links */ #maincontent p.logout {margin:10px} #maincontent p.logout a {display:inline-block; height:15px; padding-left:20px; margin:0 5px} a.cmshomelink {background:url(../cms/images/icons/home.gif) no-repeat} a.cmslogoutlink {background:url(../cms/images/icons/delete.gif) no-repeat} body#cms textarea {font-size:1.3em; width:530px} body#cms input#password {margin-left:3px} body#cms #submitbutton {display:block; width:155px; height:42px; padding:0 0 3px 0; border:0; margin:20px auto 62px auto; color:#333; font-size:1em; text-indent:0; background:url(../cms/images/button_login.jpg) no-repeat} * html body#cms #submitbutton {margin-left:50px;} body.loginpage #maincontent #btnSubmit{margin-left:0;} p.editp {height:42px; padding-left:13px; background:url(../cms/images/bg_button_left.jpg) left no-repeat} p.editp span {display:inline-block; height:42px; padding-right:13px; background:url(../cms/images/bg_button_right.jpg) right no-repeat} p.editp a {display:inline-block; height:32px; padding-top:10px; background:url(../cms/images/bg_button.jpg) repeat-x; color:#2e586d; font-size:1.2em} p.editp a:hover {text-decoration:underline} p.updatesuccess {background:#9f9; border:1px solid #090; padding:15px 10px} body#cms .leftlinks{float:left;width:33%} body#cms .rightlinks{float:right;width:33%} body#cms ul ul{margin-top:10px} h3.margintop{margin-top:40px} #selectpageform label {margin-top:2px} #selectpageform #btnSubmit:hover {text-decoration:underline} /* Language Selection/Footer */ form#cmslangselect {clear:both; padding-top:15px; border:1px solid #FC0; margin:50px 15px 15px 15px; background:#FF9} form#cmslangselect * {display:block; margin-bottom:10px} form#cmslangselect select {width:200px} s#maincontent p.selectedlang {margin-bottom:0; font-style:italic} #langsubmit {width:220px; height:42px; border:0; background:url('../cms/images/button_lang.jpg') no-repeat;padding-bottom:5px} fieldset.leftfieldset{width:32%;float:left} * html fieldset.leftfieldset {width:25%} fieldset.rightfieldset{width:25%} .selectedlang{width:31%;float:left} body#cms p.logout a.cmschangelang {padding:0} body#cms #footer{min-height:100px; text-align:center} .leftindent {padding-left:30px} /* Add/Remove News Page */ #maincontent p.cmsnewslink {margin-top:15px} body#cms #cmsaddarticle {margin-top:50px} body#cms #cmsaddarticle #newtitle, body#cms #cmsaddarticle textarea, body#cms #cmsaddarticle label {width:60%; margin:0 auto 5px auto} body#cms #cmsaddarticle {margin:0 auto} div.delnewscont {float:left; width:47%; margin-left:16px; margin-top:20px} div.delnewscont .infobox {width:90%; height:220px; overflow:scroll} #maincontent div.delnewscont .infobox h3 {margin-top:20px} fieldset.editpagecontent label {display:block; font-size:1.4em; margin:10px 0 10px 0; color:#2e586d; font-weight:bold} #upcontentbutton, p.editbox a, #btnSubmit {display:inline-block;height:42px;padding-bottom:5px;border:0;width:200px;background:url(../cms/images/button_blank.jpg) no-repeat;margin-left:20px;cursor:pointer;} #editpageform {width:60%;margin:0 auto} #editpageform input.textbox{width:100%; margin:0 auto} form#selectpageform #selectpage {width:200px;font-size:1.2em} form#selectpageform #selectpage option {margin:5px 10px} form#selectpageform #btnSubmit {padding-bottom:10px; margin:0 0 0 15px; color:#2e586d; font-size:15px} /* Edit/Delete Article/award Boxes */ body#cms .infobox {min-height:150px} div.editboxcont {float:left; width:40%; margin-left:40px} p.editbox a {height:32px; padding:10px 0 0 0; margin:0 0 20px 60px; text-align:center; color:#2e586d; text-decoration:none; font-size:1.2em} p.editbox a:hover {text-decoration:underline} body#cms .infobox {margin:0 0 5px 15px} body#cms .infobox h3 {margin:10px 0 0 0; font-size:1.1em} body#cms #linkboxform {width:315px;margin:0 auto} body#cms #linkboxform * {display:block; width:315px; margin-left:0} body#cms #linkboxform #btnSubmit {width:200px} body#cms #linkboxform #submitbutton {font-size:.8em;width:155px;margin:0 auto} body#cms #maincontent .selectedlinkbox {margin:0 auto 20px auto} #lang_box {float:left; width:20%; height:160px; border:1px solid #c6dbdf; margin:20px; background:#FFF} #container1 #container2 #maincontent #lang_box h3 {margin-top:10px} /* Add Language Page */ #addlangform {width:40%; margin:0 auto; text-align:center} #addlangform label {display:block; margin-bottom:10px} body#cms #addlangform #submitbutton {font-size:1em; margin:0 auto 50px auto} /* Support Page */ body#cms #cmscontactform textarea {width:200px; height:200px; font-size:1em} /* Nag page */ #nagForm {margin-top:30px} #nagForm label {margin-bottom:10px} #nagForm #langsubmit {margin:30px 0 0 0} /* End of CSS */