/* -- ----- -- ----- -- ----- -- Title: CognoLink layout CSS file Built: October 2009 Created By: Lynsey Buckley-Ratcliff - me@lynseybuckley.me.uk -- ----- -- ----- -- ----- -- -- ----- -- ----- -- ----- -- Title: CognoLink layout CSS file Amended: December 2009 Created By: Lynsey Buckley-Ratcliff - me@lynseybuckley.me.uk -- ----- -- ----- -- ----- -- */ /* GLOBAL ---------------------------------------------------------- */ * { margin: 0; padding: 0; list-style-type: none; outline: none} body { margin: 0; padding: 0; font-size: 100%; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color: #000; text-align: center;overflow:auto;background-color:#DEDEDE} img { border: none; margin: 0; padding: 0;} a img { border: none; margin: 0; padding: 0;} div, p, form, h1, h2, h3, h4, h5, hr, ul, dl, dd, dt, ul, ol, li, object, param, table, tr, td, th { margin: 0; padding: 0;} h1,h2,h3,h4,h5 { margin: 0; padding: 0;} input,textarea,button,select { font-family: Arial, Helvetica, sans-serif;} table { display: block; border-collapse: collapse; border: none;} th { text-align: left;} .table_display { display: table;} .align_center { text-align: center;} .align_right { text-align: right;} .align_left { text-align: left;} .float_left { float: left;} .text { color:#404040; font-size:80%; line-height:16px;} .red_font { color: #c4262e;} .help { color:#666666; font-size: 11px; line-height: 14px; max-width: 210px; text-align: left;} .help ul li { padding-left: 12px; background: url(../img/bullet.gif) no-repeat scroll 2px 5px;text-align:left;} .fullwidth { width: 100%;} .halfwidth { width: 50%;} .window_header2 { margin-top: 10px;} .window_content2 { margin-top: 10px;width:100%;} .window_content2 table {width:100%;} .window_content3 { margin-top: 10px;width:100%;} .bold { font-weight:bold;} .underline { text-decoration: underline;} .italic { font-style: italic;} button .button_small: { background-image:url(../img/button_small_nosel.png); border:0 none; color:white; cursor:pointer; font-size:11px; font-weight:bold; height:20px; margin:0; padding-bottom:4px; text-align:center; width:90px;} /* STRUCTURE STYLES ---------------------------------------------------------- */ #container { width: 895px; padding: 30px; margin-left: auto; margin-right: auto; text-align: left; background-color:white;} #wrapper { float: left; position: relative; width: 895px; margin-bottom: 30px;background-color:white;} /* HEADER ---------------------------------------------------------- */ #header { width: 895px; height: 90px; margin-top:0px;/*background-color:#99FF00;*/} #logo { float: left; position: relative; width: 283px; height: 67px;} /* LOGIN */ #login {color:#404040;position:relative;float:right;} #login div {text-align:right;} #login div.name {font-weight:bold;} #login form { margin: 0;} #login label { display: none; margin: 0; padding: 0; vertical-align: top} #login p { margin: 5px 0 0 0; padding: 0;} #login fieldset { border: none;} #login span { font-size: 16px; padding-bottom: 6px;color:#404040;} #login a { font-size: 14px; color: #404040; text-decoration: none; font-weight:bold;} #login a:hover { color: #c4262e;} #login #forgotten_login { font-size: 14px; float:left;color:#c4262e;} #login span a { font-size: 14px; color:#c4262e;} #login #submit { vertical-align: bottom; } #Username, #Password { border: 1px solid #a0a3a3; color: #000000; font-size: 70%;} /* LOGIN / SEARCH */ .btn { border: none; color: #fff; } .txt { width: 145px; font-size: 80%; padding: 1px; margin: 0; color: #000000;} /* HOME ---------------------------------------------------------- */ #heading-bx { height: 66px; margin: 0 0 8px; padding: 0; background: url(../img/heading-bg.jpg) no-repeat 0 0;} #heading-bx h1 { font-size: 220%; font-weight: normal; color: #ffffff; font-family: "Trebuchet MS", Arial, sans-serif; padding: 15px 0 0 20px;} #flash-bx {width:895px; height: 317px; margin: 0; padding: 0;background-image:url('/img/flash-panel.jpg');} #flash-bx table {width:895px;height:317px;} #flash-bx table td {width:631px;height:317px;} #flash-bx table td+td {width:284px;} #flash-bx table td+td p:first-child {padding-left:30px;padding-right:30px;color:#c4262e; font-family: "Trebuchet MS", Arial, sans-serif;font-weight:bolder;font-size:20px} #flash-bx table td+td p+p {padding-left:55px;padding-right:30px;color:#404040; font-family: "Trebuchet MS", Arial, sans-serif;font-weight:bolder;font-size:16px;} /* MAIN LAYOUT ---------------------------------------------------------- */ #leftcol { float: left; position: relative; width: 179px; padding: 0; margin-right: 19px;} #maincol { float: left; display: inline; position: relative; width: 697px; padding: 0;} #maincol-fullwidth {float: left; display: inline; position: relative; width: 100%; padding: 0;} /* adding class to use fullpage white background - needs
*/ .clear{clear:both;} #maincol-1 { width: 474px; float: left; position: relative; margin-right: 22px;} #maincol-2 { width: 200px; float: right; display: inline; position: relative; text-align:left;} #maincol-2 .title {font-weight:bold;color:#c4262e;} #maincol-2 p { text-align:left} #maincol-2 div.quote p{ color : #404040; font-size:16px; font-family: "Trebuchet MS", Arial, sans-serif;text-align:left;line-height:20px;font-style:italic;} #maincol-2 div.quote p.signature {color:#c4262e;font-style:normal;font-size:16px;font-weight:bold;margin-top:35px;text-align:left;} #maincol-2 div.quote p.signature:before {content:"- ";} #maincol-2 div.quote img.openquoteimg {margin-right:5px;vertical-align:bottom;} #maincol-2 div.quote img.closequoteimg {margin-left:5px;float:right;vertical-align:bottom;} #maincol-2 a.more {font-family: Verdana, Arial, sans-serif; font-size:11pt; font-weight: bold; color: #404040; text-decoration: none; padding-right: 25px; padding-top: 2px; padding-bottom: 10px; background: url(../img/form-bttn.gif) no-repeat right 0} #maincol-2 div.table { color:#c4262e; border-style:solid; border-width : 1px; border-color:#DEDEDE; margin-bottom : 20px;} #maincol-2 div.table th {background-color:#DEDEDE; color:#c4262e;font-family: "Trebuchet MS", Verdana, Arial, sans-serif;font-size:12pt;} #maincol-2 div.table tr {background-color:white; color:#404040; font-family: Verdana, Arial, sans-serif; font-size:11pt;} /* NAVIGATION ---------------------------------------------------------- */ /* MAIN NAVIGATION */ #nav { width: 901px; height: 33px; /*font-size: 70%;*/ float: left; position: relative; padding-top: 10pt; padding-bottom: 5pt; font-weight : bold;} ul#navlist { padding: 0; margin: 0;} #navlist li { float: left; display: inline; list-style-type: none; border-left: 1px solid #404040;} #navlist li:first-child {border-left:0px;} #navlist li a { padding: 0 31px 8px 31px; font-weight: bold; color: #404040; text-decoration: none;font-size:16px;} #navlist li a:hover, #navlist li a.active { color: #c4262e; font-weight: bold; text-decoration: none; border-bottom: 6px solid #c4262e; position:relative;} /* LEFT NAVIGATION */ #leftnav { margin-top: 15px; width: 180px; font-family :Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;font-size: 14px;} #leftnav ul { margin: 0; padding: 0; list-style: none;} #leftnav li { margin-bottom: 5px;} #leftnav a { padding: 0; color: #404040; text-decoration: none;} #leftnav a:hover { color: #AC2C30; text-decoration: none;} #leftnav ul ul { margin: 8px 0 8px 0;} #leftnav ul ul li { font-size: 100%; margin-bottom: 5px; border-bottom: none; padding-left: 10px;line-height:14px;margin-top:5px;} #leftnav ul ul li:first-child {margin-top:0px;} #leftnav ul ul a { font-size: 90%; padding: 0; width: 144px; color: #424747; text-decoration: none;} #leftnav a.active { color: #AC2C30; text-decoration: none;} #leftnav a.subactive { color: #AC2C30; text-decoration: none; font-weight: bold;} ul#subnavlist { border-left: 1px solid #AC2C30;} ul#subsubnavlist li a { width: 140px; display: block; border-bottom: 1px solid #AC2C30; padding: 0 0 3px 19px;} /* LEFT NAVIGATION */ #leftnav_reg { font-size: 80%; margin-top: 15px; width: 146px; padding: 0 0 0 20px;} #leftnav_reg ul { margin: 0; padding: 0; list-style: none;} #leftnav_reg li { margin-bottom: 20px;} #leftnav_reg a { padding: 0; color: #cccccc; text-decoration: none;} #leftnav_reg a:hover { color: #AC2C30; text-decoration: none;} #leftnav_reg li.one a { background: url(../img/non_1.gif) no-repeat 0 3px; padding-left: 15px;} #leftnav_reg li.one a:hover, #leftnav_reg li.one a.current { background: url(../img/current_1.gif) no-repeat 0 3px; padding-left: 15px; color: #c4262e;} #leftnav_reg li.one a.active { background: url(../img/completed_1.gif) no-repeat 0 3px; padding-left: 15px; color: #000000;} #leftnav_reg li.two a { background: url(../img/non_2.gif) no-repeat 0 3px; padding-left: 15px;} #leftnav_reg li.two a:hover, #leftnav_reg li.two a.current { background: url(../img/current_2.gif) no-repeat 0 3px; padding-left: 15px; color: #c4262e;} #leftnav_reg li.two a.active { background: url(../img/completed_2.gif) no-repeat 0 3px; padding-left: 15px; color: #000000;} #leftnav_reg li.three a{ background: url(../img/non_3.gif) no-repeat 0 3px; padding-left: 15px;} #leftnav_reg li.three a:hover, #leftnav_reg li.three a.current { background: url(../img/current_3.gif) no-repeat 0 3px; padding-left: 15px; color: #c4262e;} #leftnav_reg li.three a.active { background: url(../img/completed_3.gif) no-repeat 0 3px; padding-left: 15px; color: #000000;} #leftnav_reg li.four a { background: url(../img/non_4.gif) no-repeat 0 3px; padding-left: 15px;} #leftnav_reg li.four a:hover, #leftnav_reg li.four a.current { background: url(../img/current_4.gif) no-repeat 0 3px; padding-left: 15px; color: #c4262e;} #leftnav_reg li.four a.active { background: url(../img/completed_4.gif) no-repeat 0 3px; padding-left: 15px; color: #000000;} #leftnav_reg li.five a { background: url(../img/non_5.gif) no-repeat 0 3px; padding-left: 15px;} #leftnav_reg li.five a:hover, #leftnav_reg li.five a.current { background: url(../img/current_5.gif) no-repeat 0 3px; padding-left: 15px; color: #c4262e;} #leftnav_reg li.five a.active { background: url(../img/completed_5.gif) no-repeat 0 3px; padding-left: 15px; color: #000000;} #leftnav_reg li.six a { background: url(../img/non_6.gif) no-repeat 0 3px; padding-left: 15px;} #leftnav_reg li.six a:hover, #leftnav_reg li.six a.current { background: url(../img/current_6.gif) no-repeat 0 3px; padding-left: 15px; color: #c4262e;} #leftnav_reg li.six a.active { background: url(../img/completed_6.gif) no-repeat 0 3px; padding-left: 15px; color: #000000;} /* FOOTER NAVIGATION */ ul#nav-bottom { margin-left: 200px; padding: 0;} #nav-bottom li { float: left; display: inline; font-size: 75%; padding: 0 4px 0 4px; color: #000000; border-right: 1px solid #000000;} #nav-bottom .last { border-right: 0;} #nav-bottom a, #nav-bottom a:visited,#nav-bottom a:hover, #nav-bottom a.active { color: #000000; text-decoration: none;} #nav-bottom a:hover, #nav-bottom a.active { color: #c4262e; text-decoration: none;} /* CONTENT STYLES --------------------------------------------------------- */ /* MAIN CONTENT */ #main-content { margin-top: 15px; padding: 0; font-family :Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; } #main-content h1 { font-size: 170%; font-weight: normal; color: #c4262e; margin-bottom: 20px;} #main-content h2 { font-size: 100%; font-weight: bold; color: #c4262e; margin-bottom: 5px; padding-top: 20px;} #main-content h2:first-child { padding-top: 0px;} #main-content div h2:first-child {padding-top: 0px;} #main-content h2.intro { font-size: 105%; color: #404040; font-weight: normal; margin-bottom: 20px; /*line-height: 16px;*/} #main-content h3 { font-size:80%; font-weight: bold; color: #404040; margin-bottom: 15px; margin-top: 20px;} #main-content h3.sub { font-size: 90%; font-weight: bold; color: #404040; margin-bottom: 3px; line-height: 16px;} #main-content h3.sub.intro { font-size: 75%; font-weight: bold; color: #404040; margin-bottom: 15px; line-height: 16px;} #main-content p { font-size: 80%; margin-bottom: 15px; color: #404040; text-align: justify; line-height: 16px;} #main-content p.align_left { text-align: left;} #main-content p.align_center { text-align: center;} #main-content p.align_right { text-align: right;} #main-content p.small_red { font-size: 60%; color: #c4262e;} #main-content p.date { /*font-style: italic; If used it's not consistant with News Index*/} #main-content p.no_margin { margin: 0;} #main-content ul { font-size: 80%; margin-top: -7px; color: #404040;} #main-content h2+ul {margin-top: 0px;} #main-content ul li { padding-left: 15px; margin-bottom: 5px; background: url(../img/bullet.gif) no-repeat scroll 2px 6.5px;text-align:left;text-align: justify;} #main-content ol { font-size: 80%; margin: 0; padding-bottom: 10px; color: #404040;} #main-content ol li { padding-left: 25px; margin-bottom: 5px; list-style: decimal; margin-bottom: 10px;} #main-content ul.linklist {margin-top:-15px;text-align:left;margin-bottom:10px;} #main-content ul.linklist li {margin-bottom:0px;text-align:left;} #main-content ul.linklist li a:first-child {color : #404040;font-size:85%;font-weight:bold;} #main-content ul.linklist li a:visited {color : #404040} #main-content ul.linklist li a:hover,#main-content ul li a:active {color : #c4262e;} #main-content ul.linklist li a:first-child:after{content:url('/img/link_arrow.png');vertical-align:middle;margin-left:2px;} #main-content div.linkbox h2 {margin-top: 0px;margin-bottom: 5px;border-bottom: 1px solid #c4262e;} #main-content div.linkbox ul.linklist {margin-top: 0px;} #main-content div.infobox {margin-top: 30px;} #main-content div.infobox ul.linklist {margin-top: -5px;} #main-content div.factoidbox {margin-top: 30px;border-left:2px solid #c4262e;padding-left:15px;} #main-content div.factoidbox p {line-height:36px;margin-top:10px;margin-bottom:5px;color:#c4262e;font-size:36px;margin-left: 0px;font-family:'Trebuchet' 'arial';font-weight:bold;text-align:left;} #main-content div.factoidbox p+p {line-height:16px;margin-top:0px;margin-left: 20px;font-size:12px;color:#404040;text-align:left;} #main-content a, #main-content a:visited { color: #c4262e; text-decoration: none;} #main-content a:hover, #main-content a.active { color: #c4262e;} .highlight, .required { color: #c4262e;} .required { position: absolute; vertical-align: top; left: 134px; margin-left: 15px;} .required2 { color: #c4262e; margin-left: 10px; margin-right:10px;} .required3 { color: #c4262e; } .required_textarea_layout { position: absolute; vertical-align: top; left: 55px; margin-left: 15px; color: #c4262e;} /* CONTENT BOX */ #contentbox-container { width: 895px; margin-top: 38px;} #contentbox-container .contentbox { margin-right: 36px;} #contentbox-container .contentbox.last { margin-right: 0;} #main-content .contentbox { float: left; display: inline; margin-bottom: 20px;} #main-content .contentbox-txt { float: left; position: relative; width: 100%;} #main-content .contentbox-img { float: right; display: inline; position: relative; margin-left: 10px; border: 1px solid #c4262e;} #main-content .contentbox h1 { font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; color: #000000; font-size: 112.5%; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #c4262e;} #main-content .contentbox h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 75%; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #c4262e;} #main-content .contentbox p { line-height: 17px; color: #404040; margin-bottom: 5px;} #main-content .contentbox p.date {/* Style in place just in case the date needs its own style */} #main-content .contentbox a { font-size: 70%; font-weight: bold; color: #404040; text-decoration: none;} #main-content .contentbox.other p { font-size: 75%; line-height: 17px; color: #404040; /*margin-bottom: 15px;*/ text-align:left;} #main-content .contentbox.other a { font-size: 100%; font-weight: bold; color: #c4262e; text-decoration: none;} #main-content .contentbox.other ul li a:first-child {color : #404040;font-size:85%;font-weight:bold;} #main-content .contentbox a.more { font-size: 80%; font-weight: bold; color: #404040; text-decoration: none; padding-right: 25px; padding-top: 2px; padding-bottom: 10px; background: url(../img/form-bttn.gif) no-repeat right 0} #main-content .contentbox a:hover.more { color: #c4262e; text-decoration: none; padding-right: 25px; padding-bottom: 8px; background: url(../img/form-bttn-over.gif) no-repeat right 0} #main-content a.more { font-size: 80%; font-weight: bold; color: #404040; text-decoration: none; padding-right: 25px; padding-top: 2px; padding-bottom: 10px; background: url(../img/form-bttn.gif) no-repeat right 0} #main-content a:hover.more { color: #c4262e; text-decoration: none; padding-right: 25px; padding-bottom: 8px; background: url(../img/form-bttn-over.gif) no-repeat right 0} #main-content .contentbox a:hover, .contentbox a.active { font-weight: bold; color: #c4262e; text-decoration: none;cursor:pointer} #main-content .contentbox h1 a, #main-content .contentbox h1 a:hover, #main-content .contentbox h1 a.active { font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; color: #000000; font-size: 112.5%;} #main-content .notices { color: #c4262e; font-weight: bold;} #main-content #howitworks {width:474px;background-image:url('/img/howitworks.png');margin-top:30px;margin-bottom:30px;} #main-content #howitworks th {font-family:Arial;font-size:14px;color:#404040;font-weight:bold;background-color:none;text-align:center;border:0px solid green;} #main-content #howitworks td {font-family:Arial;font-size:13px;color:#c8262e;font-weight:bold;text-align:center;border:0px solid green;} #main-content #howitworks th {width:126px;height:15px;padding-left:40px;} #main-content #howitworks th+th {width:151px;padding-left:0px;} #main-content #howitworks th+th+th {width:157px;padding-left:0px;} #main-content #howitworks td {height: 44px;} #main-content #howitworks td {padding-left:40px;} #main-content #howitworks td+td {padding-left:5px;} #main-content #howitworks td+td+td {padding-left:5px;} #main-content #howitworks tr+tr th{height:8px;line-height:1px;padding:0px;margin:0px;} #main-content #howitworks tr+tr+tr td{padding-left:10px;} #main-content #howitworks tr+tr+tr+tr td{padding-left:40px;} #main-content #howitworks tr+tr+tr+tr td+td+td{padding-left:0px;} #main-content #howitworks tr+tr+tr+tr+tr td{padding-left:10px;} #main-content #howitworks tr+tr+tr+tr+tr+tr th{height:5px;} #main-content #process_flow {width:474px;} #main-content #process_flow th {font-family:Arial;font-size:12px;text-align:center;width:79px;padding:2px;} #main-content #process_flow th.hide {line-height:2px;} #main-content #process_flow td {font-family:Arial;font-size:12px;border:1px solid red;padding:2px;text-align:center;height:40px;} #main-content #process_flow td.fill {background-color:#A0A0A0;} /* REQUIRED FIELDS BOX */ #required_fields_top, #required_fields_top_fullwidth { margin: 0; padding: 0;} #required_fields { width: 136;padding: 7px 20px 10px 20px; margin: 0; font-size:100%;text-align:left;} #required_fields p {text-align:left;} #required_fields h1, #required_fields_fullwidth h1 { font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; color: #000000; font-size: 112.5%; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #c4262e; margin-right:20px;} #required_fields_fullwidth { width: 852; background-image: url(../img/required_middle_fullwidth.jpg); background-position: 0 0; background-repeat: repeat-y; padding: 7px 20px 10px 20px; margin: 0; font-size:100%;} #required_fields_fullwidth p {color: #c4262e; font-size: 70%; line-height: 15px; margin: 0;} /* INFORMATION BOX */ #main-content .information_box { position: absolute; width: 176px; left: 365px; top: 230px;/* Positioned absolute to match artwork. */} #main-content .information_top { margin: 0; padding: 0;} #main-content .information { width: 136; background-image: url(../img/required_middle.jpg); background-position: 0 0; background-repeat: repeat-y; padding: 7px 20px 5px 20px; margin: 0;} #main-content .information h1 { font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; color: #000000; font-size: 112.5%; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #c4262e;} #main-content .information p { color: #000000; font-size: 70%; line-height: 15px;} /* SEARCH RESULTS */ #main-content p.result-link a { color: #404040; text-decoration: underline; font-weight: bold;} #main-content p.result-link { margin-bottom: 0;} #main-content .result-summary { margin-bottom: 20px;/* Results summary style in place in case required */} /* MEET THE TEAM */ .team-highlight { color: #c4262e; font-weight: bold; margin-bottom:10px;} .team-box { width: 474px; margin-bottom: 10px;} .team-box span.img-pos { float: left; position: relative; padding-top: 4px; margin: 0 15px 5px 0} .team-box span.img-pos img { border: 1px solid #c4262e;} .team-box a {font-size:100%;} .fullwidth-img { float: right; position: relative; padding: 0 0 10px 10px} /* Requires two different classes for homepage and other pages - because homepage boxes need width constraint */ .home { width: 429px;} .other { width: 100%;} /* STATS BOX */ .statbox { width: 200px; clear: both; padding-bottom: 35px;} .box { float: left; display: inline; width: 50px; height: 50px; color: #FFFFFF; font-size: 85%; padding: 4px; font-weight: bold; margin-top: 3px; margin-right: 10px;} .stat_text { float: right; display: inline; position: relative; width: 132px; font-size: 75%;} .red { background-color: #c4262e;} .grey { background-color:#404040 ;} .black { background-color: #000000;} /* SEARCH BOX */ #searchbox { float: right; display: inline; position: relative; width: 175px; height: 26px; padding-top: 5px;} #searchform { margin: 0; padding: 0; text-align: right;} #search { vertical-align: middle; padding: 0;} #Search { border: 1px solid #a0a3a3; color: #404040; font-size: 70%;} #Topichere { border: 1px solid #a0a3a3; color: #404040; font-size: 70%;} .topic_highlight { padding-bottom: 6px; width: 120px; border-bottom: 6px solid #c4262e;} /* QUOTES (blockquote) */ #main-content blockquote p { font-size: 75%; line-height: 16px; color: #404040; margin-top: 5px;} #main-content blockquote .bqend { float: right; position: relative; width: 47px; vertical-align: top} #main-content blockquote .name { color: #666666; font-size: 80%; padding-top: 40px; float: left; position: relative; width: 100px; margin-top: 10px;} #main-content blockquote .title { color: #666666; font-size: 80%; clear: left; float: left; position: relative; width: 100px;} /* FOOTER ---------------------------------------------------------- */ #footer { font-family:Verdana;font-size:11pt; clear: both; width: 895px; height: 25px; text-align:center; } #sml-boxes { float: right; display: inline; position: relative;} /* FORMS ---------------------------------------------------------- */ .website-form { text-align: left; font-size: 100%; margin-top: 25px; width: 474px;} .website-form textarea { color:#404040; font-size: 85%; border: 1px solid;} .website-form p { text-align: left; margin-bottom:} .website-form a { font-weight: bold; color: #404040; text-decoration: underline; margin-right: 20px;} .website-form a:hover { color: #c4262e; text-decoration: underline;} .website-form fieldset { border: none; margin-bottom: 10px;} .website-form legend { display: none;} .website-form label { width: 145px; float: left; text-align: right; padding-right: 20px;} .website-form label.width_auto { width: auto; float:none;} .website-form label.radio_button { width: auto; float: none; padding-right: 20px;} .website-form label.checkbox { width: auto; margin-bottom: 10px; float: none;} /*.website-form input { border: 1px solid #404040; margin-right: 130px; margin-bottom: 5px;}*/ .website-form #cv_summary, .website-form .cv_summary { border: 1px solid #404040; width: 454px; height: 290px; padding: 10px; font-size: 85%} .website-form #bankdetails, .website-form .bankdetails { border: 1px solid #404040; width: 100%; height: 150px; font-size: 85%} .website-form #short_summary, .website-form .short_summary { border: 1px solid #404040; width: 454px; height: 140px; margin-bottom: 20px; padding: 10px; font-size: 85%; font-weight: normal;} .website-form #products_developed, .website-form .products_developed { border: 1px solid #404040; width: 454px; height: 140px; margin-bottom: 20px; padding: 10px; font-size: 85%; font-weight: normal;} .website-form #prof_skills, .website-form .prof_skills { border: 1px solid #404040; width: 454px; height: 140px; margin-bottom: 20px; padding: 10px; font-size: 85%; font-weight: normal;} .website-form #address { vertical-align: top; margin-right: 0; font-size: 100%;} .website-form #terms { border: 1px solid #404040; width: 464px; height: 340px; font-size: 90%; padding: 5px; margin-top: 20px;} .website-form .generic_textarea { border: 1px solid #404040; width: 454px; height: 290px; margin-right: 130px; margin-bottom: 5px; padding: 10px; font-size: 85%} /*.website-form #checkbox label, #checkbox label, .checkbox label { float: right; width: 150px; text-align: left; /*padding-left: 10px;*/} */ .website-form #checkbox input, #checkbox input, .checkbox input { border: 1px solid #404040; margin-right: 3px; margin-top: 4px; margin-left: 165px;} .website-form #cv_browse { margin-left: 164px;} .website-form #cv_browse label { width: 200px; margin-bottom: 5px;} .website-form #cv_browse input { } .website-form #cv_browse a { position: absolute; left: 350px; top: 449x;} .website-form #hear_about { margin-left: 166px;} .website-form #hear_about label { width: 236px; float: left; margin-bottom: 5px;} .website-form #hear_about input { margin-left: 140px; background-color:#3366FF} .website-form .txt-long { width: 180px; padding: 2px; margin: 0; color: #404040; border: 1px solid #404040; /*margin-right: 129px;*/ margin-bottom: 5px} .website-form .txt-long2 { width: 187px; padding: 2px; margin: 0; color: #404040; border: 1px solid #404040; /*margin-right: 129px; */margin-bottom: 5px} .website-form .txt-long3 { width: 220px; padding: 2px; margin: 0; color: #404040; border: 1px solid #404040; margin-bottom: 5px} .website-form .txt-long4 { width: 220px; padding: 2px; margin: 0; color: #404040; border: 1px solid #404040; margin-bottom: 5px} #show_hide_text { clear: both; padding-top: 15px; text-align: left; line-height: 17px;} .website-form a.next, .reg_nav a.next, a.submit { font-size: 70%; font-weight: bold; color: #404040; text-decoration: none; padding-right: 25px; padding-top: 2px; padding-bottom: 10px; background: url(../img/form-bttn.gif) no-repeat right 0; margin: 0 0 0 0;} .website-form a:hover.next, .reg_nav a:hover.next, a:hover.submit { color: #c4262e; text-decoration: none; padding-right: 25px; padding-bottom: 8px; background: url(../img/form-bttn-over.gif) no-repeat right 0; margin: 0 0 0 0;} .website-form a.previous, .reg_nav a.previous { font-size: 70%; font-weight: bold; color: #404040; text-decoration: none; padding-left: 25px; padding-top: 2px; padding-bottom: 10px; background: url(../img/form-bttn2.gif) no-repeat left 0; margin: 0 0 0 0;} .website-form a:hover.previous, .reg_nav a:hover.previous { color: #c4262e; text-decoration: none; padding-left: 25px; padding-bottom: 8px; background: url(../img/form-bttn2-over.gif) no-repeat left 0; margin: 0 0 0 0;} .website-form a.browse { font-size: 85%; font-weight: bold; color: #404040; text-decoration: none; padding-right: 25px; padding-top: 2px; padding-bottom: 10px; background: url(../img/form-bttn.gif) no-repeat right 0; margin: 0 129px 0 0;} .website-form a:hover.browse { color: #c4262e; text-decoration: none; padding-right: 25px; padding-bottom: 8px; background: url(../img/form-bttn-over.gif) no-repeat right 0; margin: 0 129px 0 0;} .website-form .reg_nav, .reg_nav { width: 474px; margin-top: 15px;} .website-form .reg_next, .reg_nav .reg_next { float: right; white-space: nowrap;} .website-form .reg_previous, .reg_nav .reg_previous { float: left;} .website-form #left_column_form { float: left; text-align: left; display: block; width: 240px;} .website-form #left_column_form label { width: 220px; float: left; text-align: left; padding-bottom: 10px; margin-top: 10px;} .website-form #right_column_form { float: right; text-align: left; display: block; width: 234px;} .website-form #right_column_form label { width: 220px; float: left; text-align: left; padding-bottom: 10px; margin-top: 10px;} .website-form #terms_conditions { margin-top: 20px;} .website-form #terms_conditions label { width: 420px; float: right; text-align: left; padding-bottom: 10px;} .website-form #terms_conditions input { float: left; margin-top: 2px; border: 1px solid #404040; background-color: #FFFFFF; margin-right: 0;} .website-form #terms_conditions a { color: #c4262e; text-decoration: none;} .website-form #terms_conditions a:hover { color: #c4262e; text-decoration: underline;} .or { text-align: left; font-size: 85%; margin: 0 0 10px 233px;} .cv_txt { clear: both; padding-top: 10px; text-align: left;} /* TERMS & CONDITIONS ---------------------------------------------------------- */ .scrolltc, .scrolltc2 { border: 1px solid #666666; font-size: 12px; height: 450px; line-height: 15px; margin: 10px auto; overflow: auto; padding: 5px; width: 464px; text-align: left;} .scrolltable { height: 80px; text-align: center; width: 100%; display: table;} .scrolltable tr td a { font-weight: normal;} .h2line { font-size: 14px; line-height: 25px; } /* CLIENT COMPLIANCE & CLIENT PROJECT MANAGEMENT ---------------------------------------------------------- */ #main-content .client_specialist_list p { font-size:13px;} #main-content .client_specialist_list .black_font { color: #000000;} #main-content .client_specialist_list div.specialist_info { float: left; width: 735px; vertical-align: top; margin-bottom:5px;} #main-content .client_specialist_list div.specialist_info div.image { float: left; padding-left: 10px; padding-top: 2px; margin-right:4px;} #main-content .client_specialist_list div.specialist_info p.first_row { margin-left: 5px; margin-bottom: 0px; font-weight: bold;} #main-content .client_specialist_list p.no_margin2 { font-size:13px;width:150px;margin-bottom:2px} #main-content .client_specialist_list div.buttons { float: left; width: 160px;} #main-content .client_specialist_list .relevant_exp { margin-bottom: 0px; color: #000000; font-weight: bold; font-style: normal;} #main-content .specialist_row { border-bottom: 1px solid #C4262E; margin-bottom:3px;} #main-content .no_border { border: none;} #main-content .client_action a, #main-content .client_action a:visited { color: #c4262e; text-decoration: none; font-size:13px} #main-content .client_action a:hover { font-weight:bold} /* ADDITIONAL STYLES ---------------------------------------------------------- */ .clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden;} .clearfix { display: inline-table;} .floatright {float:right;} .floatleft {float:left;} .bio { margin-bottom: 20px; } .link_box { margin-bottom: 30px; } #main-content .link_box p { margin-bottom: 4px; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix { display: block;} /* End hide from IE-mac */ .clearboth { clear: both;} #submitdiscard { height:40px;} #button_container62 {margin-top:30%;margin-left:50%;position:absolute;} li.spec_project {width:480px;padding-right:15px;margin:5px;text-align:left;} .clientcomments_input a { font-size: 14px; margin-left: 20px; } .clientcomments_input input { width: 735px; margin-bottom: 5px; } .clientcomments_display { border:1px solid black; background-color: #f0f0f0; clear: left; margin: 5px 0 10px 0; font-size: 13px; padding: 5px; } .clientcomments_date { margin-right: 5px; color: #808080; font-size: 11px; } .clientcomments_client_comment {} .clientcomments_client_name { font-weight: bold; } .clientcomments_cl_name { font-weight: bold; } .clientcomments_cl_comment {} table.specialist_consultations td { vertical-align: top; } #main-content table.specialist_consultations td ul { margin-top: 0px; }