/*GLOBAL*/ * { margin:0; padding: 0; } body { background: #fff; height: 100%; width: 100%; font-family: arial, helvetica, sans-serif;} h2 { margin-top: 13px; color: #525150; font-size: 24px; font-weight: bold; } .hr { margin-bottom:10px; } img {border:none;} /* Form */ label { color: #477E93; padding: 2px; float:left;} input { -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 2px solid #a7a7a7; height: auto; width: 170px; font-weight: bold; padding: 3px; background: #FFF; outline:none;} textarea {-moz-border-radius: 10px; -webkit-border-radius: 10px; border:2px solid #a7a7a7; outline:none;} textarea:hover,input:hover { border:2px solid #477E93 !important; outline:none;} textarea:focus,input:focus,textarea:active,input:active { background:#DDD; border:2px solid #477E93 !important; outline:none;} select { border: 2px solid #a7a7a7; height: 25px; width: 150px; font-weight: bold; padding: 5px 0 0 5px;} option { height: 25px; width: 150px; font-weight: bold; padding: 5px 0 0 5px;} .form { padding-top: 40px; width:800px; height:auto;} .fields { border:none; } .fields legend { display:none; } .fields p { display:none; } .fieldDesc { font-size: .8em; color:#525252; } .fields label { color: #477E93; padding: 2px; float:left;} .fields input { border: 2px solid #a7a7a7; height: auto; width: 170px; font-weight: bold; padding: 5px 0 0 5px; margin-bottom: 12px; padding: 3px; float:right;} .fields select { border: 2px solid #a7a7a7; height: 30px; width: 180px; font-weight: bold; padding: 3px 0 0 5px; float:right; } .fields option { height: 80px; width: 180px; font-weight: bold; padding: 9px 0 0 5px; float:right; } .fields input[type=radio] { float:right; } .fields input:disabled { color: #FFFFFF; background: #999999; } input[type='submit']:hover { border:none; } /*WHAT WE DO FADER*/ #page2_content { height: 250px; width: 800px; margin-top: 35px;} #page2_content h1 { display: none; } #our_work_fader {height:100px; width:900px;margin-top:50px;} .test { margin:3px; color: #474645;display:none; height:40px; float:left; font-size:1.8em; font-weight:bold;padding-right:40px;} #fadeinlast {color: #474645; height: 500px;} #page2_bottom div { display:none;} #tmpSlide-2 img { width: 280px; height:88px;} /*HEADER*/ #head_wrap { background: url('/includes/images/header_background.jpg') repeat-x;} #header { height: 76px; width: 800px; margin: 0 auto; } #logo { background: url('/includes/images/logo.png') no-repeat; height: 55px; width: 178px; float: left; margin-top: 12px; cursor: pointer; } #logo:hover { background-position: -178px 0;} #logo h1 { display: none;} #flashcontent { float: right; margin-bottom: 1px; } #mainnav { height: 23px; width: 800px; margin: 0 auto; padding-top: 3px; } #mainnav a { float: left; margin-top: 3px; margin-right: 30px; color: #dfdfdf; font-size: 15px; font-weight: bold; text-decoration: none; } #mainnav a:hover { color: #bbb; } /*CONTENT*/ #left_gradient { background: url('/includes/images/gradient_left.png') no-repeat; position: absolute; z-index: 100 !important; height: 296px; width: 100px;} #right_gradient { background: url('/includes/images/gradient_right.png') no-repeat; position: absolute; z-index: 100 !important; height: 296px; width: 100px; margin-left: 900px; } .content { margin:0 auto; width:800px; height:auto;} #content { margin:0 auto; width:800px; height:auto;} .content .text a { text-decoration:none; color: #477E93 } .content .text a:hover { color: #a7a7a7; } /*FOOTER*/ #foot_wrap {margin-top: 50px;min-height: 150px;background: url('/includes/images/bottom_background.jpg') repeat-x;} #footer_nav {padding-top:20px; width:800px; margin:0 auto;} #footer_nav ul {list-style:none;} #footer_nav li{display:inline;} #footer_text{padding-top:20px; width:800px; margin:0 auto;} .padded_li {padding-right:10px;} #foot_wrap a{color: #477e93; text-decoration: none;} #foot_wrap a:hover {color: #a7a7a7;} /*PAGE ONE*/ #page1_content { overflow-y: hidden; width: 800px; margin-top: 35px; } #page1_right { width: 563px; color: #999898; font-size: 14px; font-weight: normal; line-height: 18px; } #page1_content h1 { display: none; } /*FADE MODULE*/ #tmpSlide-3 { background: url('/includes/images/sjlogo.png') bottom right no-repeat; } #tmpSlideshow { position: relative; height: 320px; width: 650px; margin: 0px; } #tmpSlideshowControls { position: absolute; height: 16px; width: 64px; margin-top: 5px; top: 0px; right: 0px; } .tmpSlide { color: #474645;position: absolute; display: none; height: 280px; width: 650px; top: 35px; left: 0; } .tmpSlide a { color: #477e93; text-decoration: none;} .tmpSlide a:hover { color: #a7a7a7; } .tmpSlide img { height: 204px; width: 345px; float: left;} .tmpSlideshowControl { background: #fff; height: 15px; width: 15px; float: left; margin: 2px; border: 1px solid #d3d3d3; cursor: pointer; } .tmpSlideshowControl:hover { border: 1px solid #427e97;} .tmpSlideshowControl span { vertical-align: middle; line-height: 36px;} .tmpSlideshowControlOn { background-image: url('/Template/Pictures/Buttons/FeatureOver.png'); } .tmpSlideshowControlActive { color: #fff; border: 1px solid #427e97; } .tmpSlideCopy { position: absolute; width: 170px; left: 565px; top: 20px; } /*PAGE THREE*/ #page3_content { width: 800px; margin-top: 25px;} #page3_content h1 { display: none;} .work_module { background: url('/includes/images/work_module.png') no-repeat; height: 44px; width: 251px; float: left; margin-right: 15px; margin-bottom: 10px; } .work_module h3 { margin-top: 8px; margin-left: 55px; color: #514e4b; font-size: 18px; font-weight: bold; line-height: 14px; } .work_module a { margin-left: 55px; color: #858585; font-size: 14px; font-weight: bold; text-decoration: none; } .work_module a:hover { color: #366b81;} /*CONTACT PAGE*/ #page4_content { height: 219px; width: 800px; margin-top: 35px;} #page4_left { float: left; width: 535px; color: #474645; font-size: 12px; font-weight: normal; } #page4_left a { } #page4_left a:hover { } #page4_left img{ border: none; } #page4_right { height: 223px; width: 242px; float: right; border: 2px solid #d3d3d3; } #page4_content h1 { display: none;} input#math {width:219px; margin-bottom:5px;} div.submit_button {background:transparent url('/includes/images/submit_button.png') no-repeat scroll 0 0;} #contact_button { margin:50px 0 0 120px; width:116px; height:40px;} #mathWrong {color:red;height:10px; width:30px; padding-left:5px;} /*CONTACT FORM*/ #contact_module { background: #f0f0f0; height: 165px; width: 533px; border: 2px solid #d3d3d3;} #form_left { width: 244px; float: left; margin-top: 7px; padding-left: 10px; } #form_right { width: 231px; float: left; margin-top: 7px; padding-left: 25px; } #header_module { height: 57px; width: 535px; } #header_module p { height: 30px; float: left; margin-top: 6px; margin-left: 10px; } .fields .input { padding:0; float:none; height: 23px; width: 235px; margin-bottom: 3px; padding-top: 3px; padding-left: 5px; border: 2px solid #d3d3d3; } .submit_button { height:26px; width:115px; margin-top: 15px; border:medium none; cursor:pointer; } .submit_button:hover { background-position: -116px 0;} .contact label { float:none; padding: 0; } /*RANDOM*/ .vspacer { height: 9px; } .vspacer1 { height: 13px; } .vspacer2 { height: 4px; } .vspacer3 { height: 17px; } .vspacer4 { height: 40px; } .vspacer5 { height: 25px; } /*FORM VALIDATION*/ span.status{ clear:right; height:19px; width:19px; float:left; margin-left:8px; border: 1px solid #ccc; } .textareaRequiredState span.status, .textfieldRequiredState span.status, .textfieldInvalidFormatState span.status, .textfieldMinCharsState span.status, .textfieldMaxCharsState span.status, .selectRequiredState span.status { clear:right; height:19px; width:19px; float:left; margin-left:8px; border: 2px solid #ff0000; } .textareaValidState span.status, .textfieldValidState span.status, .selectValidState span.status { clear:right; height:19px; width:19px; float:left; margin-left:8px; border: 2px solid #00ff00; } .label { float:left; font-size:11px; } .textareaRequiredState .label, .textfieldRequiredState .label, .textfieldInvalidFormatState .label, .textfieldMinCharsState .label, .textfieldMaxCharsState .label, .selectRequiredState .label{ float:left; font-size:11px; color:red; } .field { width:235px; margin-right:10px; } .hidden_field { width:300px; margin-right:10px; display:none; } .input { clear:right; width:235px; float:left; border: 2px solid #ccc; } .input2 { width: 231px; height: 71px; padding-top: 3px; padding-left: 5px; border: 2px solid #d3d3d3; } .textareaRequiredState .input, .textfieldRequiredState .input, .textfieldInvalidFormatState .input, .textfieldMinCharsState .input, .textfieldMaxCharsState .input, .selectRequiredState .input{ width:235px; float:left; border:solid 2px red; } .textareaRequiredState .input2, .textfieldRequiredState .input2, .textfieldInvalidFormatState .input2, .textfieldMinCharsState .input2, .textfieldMaxCharsState .input2, .selectRequiredState .input2{ width:235px; float:left; border:solid 2px red; } .combobox { clear:right; width:100px; float:left; } .submit { margin-left:12em; } .clear { clear:both; visibility:hidden; height:0; width:0; margin: 0; padding: 0; } .page_head h3 { color: #525150; } .group1 { float:left; width:350px; } .group2 { float:right; width:350px; } .group3 { clear:both; margin-top:35px; } #user_signature-element { clear:both; } #content-element { clear:both; } .PageeditField1 {float:left; width:350px;} .PageeditField2 {float:right; width:350px;} .PageeditField3 {clear:both; padding-top:20px; } #page_is_controller-label label {margin-right:51px;} .faqWrap {padding-top:30px; width:600px;} .faqWrap a { color: #477e93; text-decoration: none;} .faqWrap a:hover { color: #a7a7a7; } .faqWrap .faq_item { width:600px; margin-left: 25px;} .faqWrap .content { width:600px; padding:5px;} .faqWrap .faqAdmin { width:600px; margin-bottom:5px; } .faqWrap img{ border:none; } .faqWrap .title{ font-weight: bold; padding: 5px 0 0 5px; margin-bottom: 12px; font-size: 1.1em;} .faqWrap li { font-weight: bold; font-size: 1.1em; color: #477e93;} #faq_title{ width:400px; } /* BACKUP AND RESTORE */ #restoreWrap {height:auto;} #restoreWrap a { color: #477e93; text-decoration: none;} #restoreWrap a:hover { color: #a7a7a7; } #restoreWrap h2 { margin-left:0px;} #backups_header {} #backups_header ul {list-style:none; margin-top:22px;} #backups_header li {display:inline; padding-right:170px;font-weight:bold;} .backup_item {width:550px;clear:both;margin:18px 0;} .backup_item ul {list-style:none; } .backup_item li {display:inline; float:left;} .backup_id {width:25px; padding-right:170px;} .restore_buttons{ position:absolute; left: 75%;} .restore_buttons a{ color: #477e93; text-decoration: none;} .restore_buttons a:hover{ color: #a7a7a7;} /*******************************/ /********* bubbletip ***********/ /*******************************/ .bubbletip{position: absolute;z-index: 50;border-collapse: collapse;} .bubbletip td.bt-topleft{background: transparent url(/includes/images/bubbletip/bubbletip.png) no-repeat scroll 0px 0px;height: 33px;width: 33px;} .bubbletip td.bt-top{background: transparent url(/includes/images/bubbletip/bubbletip-T-B.png) repeat-x scroll 0px 0px;height: 33px;} .bubbletip td.bt-topright{background: transparent url(/includes/images/bubbletip/bubbletip.png) no-repeat scroll -73px 0px;height: 33px;width: 33px;} .bubbletip td.bt-left-tail div.bt-left, .bubbletip td.bt-left{background: transparent url(/includes/images/bubbletip/bubbletip-L-R.png) repeat-y scroll 0px 0px;width: 33px;} .bubbletip td.bt-left-tail div.bt-left-tail{background: transparent url(/includes/images/bubbletip/bubbletip.png) no-repeat scroll 0px -33px;width: 33px;height: 40px;} .bubbletip td.bt-right-tail div.bt-right, .bubbletip td.bt-right{background: transparent url(/includes/images/bubbletip/bubbletip-L-R.png) repeat-y scroll -33px 0px;width: 33px;} .bubbletip td.bt-right-tail div.bt-right-tail{background: transparent url(/includes/images/bubbletip/bubbletip.png) no-repeat scroll -73px -33px;width: 33px;height: 40px;} .bubbletip td.bt-bottomleft{background: transparent url(/includes/images/bubbletip/bubbletip.png) no-repeat scroll 0px -73px;height: 33px;width: 33px;} .bubbletip td.bt-bottom{background: transparent url(/includes/images/bubbletip/bubbletip-T-B.png) repeat-x scroll 0px -33px;height: 33px;} .bubbletip td.bt-bottomright{background: transparent url(/includes/images/bubbletip/bubbletip.png) no-repeat scroll -73px -73px;height: 33px;width: 33px;} .bubbletip table.bt-top, .bubbletip table.bt-bottom{width: 100%;} .bubbletip table.bt-top th{width: 50%;background: transparent url(/includes/images/bubbletip/bubbletip-T-B.png) repeat-x scroll 0px 0px;} .bubbletip table.bt-bottom th{width: 50%;background: transparent url(/includes/images/bubbletip/bubbletip-T-B.png) repeat-x scroll 0px -33px;} .bubbletip table.bt-top td div{background: transparent url(/includes/images/bubbletip/bubbletip.png) no-repeat scroll -33px 0px;width: 40px;height: 33px;} .bubbletip table.bt-bottom td div{background: transparent url(/includes/images/bubbletip/bubbletip.png) no-repeat scroll -33px -73px;width: 40px;height: 33px;} .bubbletip td.bt-content{background-color: #fff;vertical-align: middle;} /*******************************/