body { background: #fff; } body, td { font-family: Verdana; font-size: 12px; } div.container { display: block; width: 780px; clear: both; } div.main { float: left; width: 780px; margin-right: auto; margin-left: auto; background: #fff; text-align: center; } div.logo { float: left; padding-left: 10px; margin-right: auto; margin-left: auto; text-align: right; } div.logonotice { float: left; clear: left; width: 260px; position: relative; top: -2px; padding: 0px; margin: 0px; margin-bottom: 3px; text-align: right; color: #AD7B39; font-size: 10px; font-family: Verdana, Arial, Courier New, Courier, Helvetica; font-weight: bold; } div.outerBox { float: left; padding-right: 11px; padding-left: 11px; } div.box { float: left; width: 770px; background: #f7f7f7; text-align: right; padding-bottom: 10px; border: 1px solid #A7A7A7; } div.outerTop { float: left; padding-right: 11px; padding-left: 11px; } div.topbar { float: left; width: 770px; border-left: 1px solid #A7A7A7; } div.subtopbar { float: left; width: 770px; border: 1px solid #A7A7A7; border-bottom: 0px; background: #d4d4d4; } * html div.subtopbar { width: 776px; } .menu { float: left; display:table; /* ignored by IE */ padding:0; list-style-type:none; white-space:nowrap; /* keep text on one line */ border-collapse: collapse; } * html .menu { display:inline-block; /* for IE only */ width:1px; /* IE will expand to fit menu width */ padding:0 2px; /* fix bug in IE for border spacing */ } .menu li { display:table-cell; /* ignored by IE */ } * html .menu li { display:inline; /* for IE only */ } .menu a, .menu a:visited { display:block; /* for all browsers except IE */ padding:4px 16px; color:#fefefe; background:#FF6C2A; border: 1px solid #A7A7A7; border-left: 0px; border-bottom: 0px; text-decoration:none; font-weight: bold; } * html .menu a, * html .menu a:visited { display:inline-block; /* for IE only */ margin:0 -2px; /* to correct an IE border width bug */ } .menu a:hover { color:#CE4F18; background:#EFEF63; } .menu a.current { color: #EFEF63; } .menu a.current:hover { color: #CE4F18; } .submenu { float: right; display:table; /* ignored by IE */ padding:0; list-style-type:none; white-space:nowrap; /* keep text on one line */ border-collapse: collapse; } * html .submenu { display:inline-block; /* for IE only */ width:1px; /* IE will expand to fit menu width */ padding:0 2px; /* fix bug in IE for border spacing */ } .submenu li { display:table-cell; /* ignored by IE */ } * html .submenu li { display:inline; /* for IE only */ } .submenu a, .submenu a:visited { display:block; /* for all browsers except IE */ padding:4px 16px; background: #d4d4d4; color:#000; border: 0px; border-left: 1px solid #A7A7A7; text-decoration:none; font-weight: normal; } * html .submenu a, * html .submenu a:visited { display:inline-block; /* for IE only */ margin:0 -2px; /* to correct an IE border width bug */ } .submenu a:hover { color:#000; background:#fff; } .submenu a.current { font-weight: bold; } .lefted { margin:0 auto 0 0; } .centered { margin:0 auto; } .righted { margin:0 0 0 auto; } div.outerMenuSection { float: left; padding-left: 0px; } div.login { float: left; width: 160px; margin-top: 20px; padding-top: 2px; padding-bottom: 3px; text-align: left; font-family: Tahoma; font-size: 12px; color: #000000; border: 1px solid #DADADA; } div.login form.loginForm { margin-left: 10px; padding-top: 2px; } div.login input.inputBox { background: #FFFFFF; border: 1px solid #CCCCCC; } div.login input.inputButton { margin-top: 5px; background: #FFFFFF; border: 1px solid #808080; } div.forgottenPasswordNewAccount { margin-left: 3px; } div.forgottenPasswordNewAccount a { font-family: Verdana; font-size: 12px; color: #B66F00; } div.outerSectionName { float: right; width: 760px; } div.sectionName { float: right; padding-right: 15px; margin-top: 15px; text-align: right; } div.sectionName h1 { width: 760px; font-family: Verdana; font-size: 13px; font-weight: bold; color: #7F651A; padding: 0px; margin: 0px; border-bottom: 2px solid #E6E6E6; } div.contentOuter { float: right; width: 760px; padding-left: 10px; } div.content { display: block; margin: 0px; padding-top: 5px; padding-right: 14px; text-align: justify; font-family: Verdana; font-size: 12px; } div.content a, div.content a:visited { color: #c00000; } div.content a:hover { color: #ff0000; } div.content h1 { width: 725px; font-family: Verdana; font-size: 13px; font-weight: bold; text-align: right; color: #7F651A; padding: 0px; margin: 0px; margin-top: 5px; border-bottom: 2px solid #E6E6E6; } div.content h2 { width: 725px; font-family: Verdana; font-size: 12px; font-weight: bold; text-align: left; color: #7F651A; padding: 0px; margin: 0px; border-bottom: 2px solid #E6E6E6; } div.footerMenu { float: left; width: 772px; padding-top: 5px; padding-bottom: 2px; text-align: center; font-family: Verdana; font-size: 10px; color: #808080; } div.footerMenu a { color: #000000; text-decoration: none; } div.footerMenu a:hover { text-decoration: underline; } div.copyright { float: left; width: 772px; padding-top: 5px; padding-bottom: 5px; text-align: center; font-family: Verdana; font-size: 9px; color: #808080; } div.copyright a { font-family: Verdana; font-size: 9px; color: #808080; text-decoration: underline; } /*************************************************** * Styles for home ***************************************************/ div.home { float: left; clear: both; width: 744px; margin-top: 10px; } div.home div.top { float: left; width: 744px; clear: both; } div.home div.left { float: left; margin-top: 20px; } div.home div.right { float: right; margin-top: 20px; } div.home div.left img.preview { margin-left: 20px; margin-top: 15px; margin-bottom: 15px; } div.home div.right div.roundedBox { float: left; clear: both; margin-bottom: 30px; width: 311px; height: 110px; overflow: hidden; background: url('../images/home/box_rounded.gif'); } div.home div.right div.roundedBox div.icon { float: left; margin-left: 5px; margin-right: 5px; margin-top: 8px; } div.home div.right div.roundedBox div.text { float: left; margin-top: 10px; } div.home div.right div.roundedBox div.text div.title { clear: right; } div.home div.right div.roundedBox div.text div.text { margin-top: 15px; clear: right; } div.home div.right div.roundedBox div.text div.button { clear: right; } div.home div.right div.roundedBox div.text div.button img { margin-top: 5px; margin-left: 45px; } /*************************************************** * Styles for popup ***************************************************/ div.popup { float: left; clear: both; font-family: Tahoma, Arial,Helvetica,Geneva,sans-serif; font-size: 12px; background: #ffffff; color: #303030; width: 100%; padding: 10px; } div.popup a, div.popup a:visited { color: #0000ff; } div.popup a:hover { color: #ff0000; } div.popup h1.title { width: 100%; font-family: Verdana; font-size: 13px; font-weight: bold; color: #7F651A; padding: 0px; margin: 0px; border-bottom: 2px solid #E6E6E6; } /*************************************************** * Styles for listing ***************************************************/ div.main table.listing { font-family: Tahoma, Arial,Helvetica,Geneva,sans-serif; font-size: 12px; font-weight: normal; border-collapse: collapse; } div.main table.listing thead { background: #A87300; font-family: Tahoma, Arial,Helvetica,Geneva,sans-serif; font-size: 12px; color: #fefefe; } div.main table.listing thead th { padding: 5px; border-left: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; font-weight: normal; } div.main table.listing thead th a, div.main table.listing thead th a:visited { font-family: Tahoma, Arial,Helvetica,Geneva,sans-serif; font-size: 12px; color: #fefefe; text-decoration: none; font-weight: bold; } div.main table.listing thead th a:hover { color: #ffffff; text-decoration: underline; } div.main table.listing thead td { background: #f7f7f7; border-left: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; border-top: 0px; border-right: 0px; } div.main table.listing td { padding: 5px; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; } div.main table.listing tr.even td { background: #dfdfdf; } div.main table.listing tr.odd td { background: #ffffff; } div.main table.listing tr.even th, div.main table.listing tr.odd th { padding: 5px; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; text-align: left; } div.main table.listing tr.even th { font-weight: bold; } div.main table.listing tr.odd th { font-weight: bold; } div.main table.listing tr.footer { } div.main table.listing tr.footer td { padding: 0px; border: 0px; } div.main table.listing tr.footer td table tr td.navigation a, div.main table.listing tr.footer td table tr td.navigation a:visited { font-family: Tahoma, Arial,Helvetica,Geneva,sans-serif; font-size: 12px; color: #A87300; text-decoration: none; } div.main table.listing tr.footer td table tr td.navigation a:hover { color: #c00000; text-decoration: none; } /*************************************************** * Styles for form ***************************************************/ div.form { float: left; clear: both; width: 100%; font-family: Verdana; font-size: 12px; padding: 0px; margin: 0px; } div.form input { font-family: Verdana; font-size: 12px; border: 1px solid #cccccc; } div.form textarea { border: 1px solid #cccccc; overflow: auto; } div.form select { font-family: Verdana; font-size: 12px; } div#errormessage { color: #ff0000; margin-bottom: 10px; } div.form div.error span.formlabel { color: #ff0000; font-weight: bold; } div.form div.error div.message { color: #ff0000; } div.form div.formGroup { display: block; border: 1px solid #cccccc; margin-bottom: 10px; width: 500px; text-align: left; } div.form div.formGroupTitle { display: block; padding: 5px; font-weight: bold; border-bottom: 1px solid #cccccc; background: #efefef; } div.form div.formGroupElements { display: block; padding: 5px; }