static/common.css

   1 /* CSS Document */
   2 body {
   3         text-align: center;
   4         margin: 10px 0 0 0;
   5         padding: 0;
   6         background:#7886D1;
   7         color: #333;
   8         background: #dda01b url();
   9         font-family:Verdana, Arial, Helvetica, sans-serif; color:#525252; font-size: 71%;
  10         }
  11 a:link, a:hover {color:#f56203; text-decoration:none;}
  12 a:visited {text-decoration:none;}
  13 a:hover {text-decoration:underline;}
  14 ul.default {list-style-type:none; margin:0; padding:0 0 0 1.3em;font-size:1.1em; line-height:1.1em; max-width:550px;}
  15 ul.default li {background: url(images/beagle-bullet-list-dot.gif) no-repeat 0 .7em;padding:.3em 0 .3em 1em;}
  16 ul.arrow {list-style-type:none; margin:0; padding:0 0 0 1.3em; line-height:1em;}
  17 ul.arrow li {background: url(images/beagle-bullet-list-arrow.gif) no-repeat 0 .5em;padding:.3em 0 .3em 1em;}
  18 ul.subitem {list-style-type:none; margin:0; padding:0 0 0 1.3em; font-size:1em; line-height:1em;}
  19 ul.subitem li {background: url(images/beagle-bullet-list-dot.gif) no-repeat 0 .7em;padding:.5em 0 .3em 1em;}
  20 h1 {font-size:2.2em;font-family: "Arial", Verdana, Helvetica, sans-serif; color:#000; max-width:550px;}
  21 #bg {visibility:hidden; height:1px; font-size:0.1em; background:#5B5F63; margin:0;}
  22 h1 h2 {margin:5px 0 5px 0;}
  23 h1 p {margin:2px 0 5px 0;}
  24 h2 {font-size:1.7em;font-family: "Arial", Verdana, Helvetica, sans-serif; color:#000; margin:20px 0 5px 0; max-width:550px;}
  25 h2 a:link, h2 a:visited, .portal h3 a:link, .portal h3 a:visited {text-decoration:none; padding-right:15px; color:#333;
  26 background:url(images/beagle-lrg-action-arrow.gif) right no-repeat;}
  27 h2 a:hover, .portal h3 a:hover {background: url(images/beagle-lrg-action-arrow.gif) right no-repeat; padding-right:15px;text-decoration:underline;}
  28 h3, h4 {font-size:1.5em;font-family: "Arial", Verdana, Helvetica, sans-serif; color:#000; margin:20px 0 5px 0; font-weight:normal; max-width:550px;}
  29 #news h3 a:link, #news h3 a:visited, #news h3 a:hover {font-family: "Arial", Verdana, Helvetica, sans-serif;background: url(none);font-size:.9em; font-weight:normal;}
  30 #news div.pipesTitle {font-weight:normal;}
  31 #news div.pipesTitle a:hover {font-weight:normal; text-decoration:underline;}
  32 h5, h6, p {font-size:1.1em;line-height:1.3em; max-width:550px;}
  33 p.action a:link, p.action a:visited {text-decoration:none; padding-right:15px;
  34 background:url(images/beagle-alink-action-arrow.gif) right no-repeat;}
  35 p.action a:hover {background: url(images/beagle-alink-action-arrow.gif) right no-repeat; padding-right:15px;text-decoration:underline;}
  36 p.breadcrumb {margin-top:0; padding-top:0; font-size:1em;}
  37 p.breadcrumb a:link, p.breadcrumb a:visited, p.breadcrumb a:hover {color:#f56203; text-decoration:none;}
  38 p.breadcrumb a:hover {text-decoration:underline;}
  39 table {font-size:1.1em;}
  40 table h3, table h4 {margin:0;}
  41 table h4 {font-size:1em;}
  42 dt span, h2 span {text-align:right; float:right; color:#3F8BFE;}
  43 dt span a:link, h2 span a:link {color:#758DFF;}
  44 h2 p {margin:2px 0 5px 0;}
  45 hr {border:1px solid #C5CBD4;}
  46 input, select, textarea {font:1em Verdana, Helvetica, sans-serif;}
  47 div#wrapper {text-align:left; background:#fff url(none) repeat-y; width:948px; margin: 0 auto;}
  48 div#header {width:948px; height:80px; margin:0; padding:0;}
  49 div#logo {width:201px; margin:10px 0 0 10px; float:left;}
  50 html>body div#logo {margin-left:20px;}
  51 div#nav{
  52         width: auto;
  53         margin:15px 0 0 460px;
  54         padding:0;
  55         border: 0;
  56         font-family: "Arial", Verdana, Helvetica, sans-serif;
  57         font-size:1.4em;
  58         font-weight:bold;
  59         height:20px;
  60         }
  61 html>body div#nav {margin-top:20px;}
  62 div#nav2 {
  63         width: auto;
  64         margin:0 0 0 450px;
  65         font-family: "Arial", Verdana, Helvetica, sans-serif;
  66         font-weight:normal;
  67         font-size:.9em;
  68         height:20px;
  69 }
  70 div#nav ul {
  71         margin:0;
  72         padding: 0;
  73         font-size:1.2em;
  74 }
  75 div#nav2 ul{
  76         margin:0;
  77         padding: 0;
  78         font-size:1.2em;
  79 }
  80 div#nav li, div#nav2 li{
  81         margin:0;
  82         padding:0 0 0 20px;
  83         list-style: none;
  84         float:left;
  85         display: block;
  86         background:url(none);
  87         }
  88 div#nav2 li{padding:12px 2px 0 2px;}
  89 div#nav2 li.google {padding:9px 0 0 0;}
  90 div#nav2 li.google form {padding:0; margin:0;}
  91 div#nav li a:link, div#nav li a:visited {text-decoration:none; padding:0 15px 0 4px; margin:0; color:#333;
  92 background:url(images/beagle-lrg-action-arrow.gif) right no-repeat;}
  93 html>body div#nav li a:link, html>body div#nav div#nav li a:visited {padding:6px 15px 6px 4px; margin:0;}
  94 div#nav li a:hover {background: url(images/beagle-lrg-action-arrow.gif) right no-repeat; text-decoration:underline;}
  95 div.clear {clear:both; margin:10px 0;}
  96 div#promo {clear:both; white-space:nowrap; padding-bottom:10px;}
  97
  98 div#contentarea {margin:0; padding:0 0 30px 0; background-color:#FFF;}
  99 div#contentarea2 {margin:0; padding:0 0 30px 0; background:#FFF top left repeat-x;}
 100 /* div#contentarea2 {margin:0; padding:0 0 30px 0; background:#FFF url(images/beagle-subpg-bg.gif) top left repeat-x;} */
 101 div#contentbuffer {padding:0; margin:20px 20px; zoom: 1;}
 102 .line {
 103   float:left;
 104   width:948px;
 105   display:block;
 106   position:relative;
 107 }
 108 .item {
 109   position:relative;
 110   float:left;
 111   left:948px;
 112 }
 113 div#col1{margin-left:-928px;width:242px;}
 114 div#col2{margin-left:-664px;width:289px;}
 115 div#col3{margin-left:-354px;width:336px;}
 116 #innerwrapper { zoom: 1; }
 117
 118 div#register {padding:10px; background-color:#ecebeb; border:2px solid #f56203; margin-top:20px;}
 119 div#footer {margin:0 auto; background-color:#fff;padding:10px 0; width:948px; text-align:left; clear:left; border-top:2px solid #dda01b;}
 120 div#footer p {margin:0 20px 0 121px;font-size:1em; max-width:10000px;}
 121 #footer a:link, #footer a:visited, #nav2 a:link, #nav2 a:visited, #nav2b a:link, #nav2b a:visited {color:#929292;text-decoration:none;}
 122 #footer a:hover, #nav2 a:hover, #nav2b a:hover {text-decoration:underline;}
 123 div#cc {width:100px; padding:0 0 0 20px; float:left;}
 124
 125 input:focus, select:focus, textarea:focus, input.iefocus, textarea.iefocusarea {background:#CED2EB;}
 126 ul.nobullet {list-style:none;}
 127 .workcaption {margin:0 5px; font-size:1em;}
 128         /*UL List - PDF Icon*/
 129 ul.pdf, ul.pdf ul{list-style-type:none; margin:0; padding:0; line-height:1.3em;}
 130 ul.pdf li {background: url(http://focus.ti.com/graphics/shared/css/ul-pdf.gif) no-repeat 0 .4em;padding:.3em 0 .6em 1.5em;}
 131 html>body ul.pdf li {background-position:0 .4em;}
 132
 133 /*CSS Buttons*/
 134 .btn1{
 135         cursor:hand;
 136         color:#fff;
 137         font-weight:bold;
 138         font-size:1em;
 139         font-family:Verdana, Arial, Helvetica, sans-serif;
 140         border:1px solid;
 141         overflow:visible;
 142         padding:1px 5px;
 143         width:auto;
 144         background-color:#f7a903;
 145 }
 146 .btn1, input.btn1:focus {background:#f7a903 url(images/beagle-btn-bg.jpg) top left repeat; border-color:#000 #000 #000 #000;}
 147
 148 table.tblstandard {border-collapse:collapse; border-top:1px solid #6c6c6c; border-left:1px solid #6c6c6c;}
 149 .tblstandard th, .tblstandard td {padding:5px; border-right:1px solid #6c6c6c; border-bottom:1px solid #6c6c6c;}
 150 .tbl1 {background:#ef1c24; font-weight:bold; color:#FFF; margin:5px; vertical-align:bottom;}
 151 .tbl1 a:link, .tbl2 a:link {
 152         color:#fff;     text-decoration:underline;
 153 }
 154 .tbl1 a:visited, .tbl2 a:visited {
 155         color:#fff;
 156 }
 157 .tbl1 a:hover, .tbl2 a:hover {
 158         color: #fff;
 159         text-decoration:underline;
 160 }
 161 .tbl2, .tbl2center {background:#929497; font-weight:bold; color:#fff; margin:5px; vertical-align:bottom;}
 162 .tbl3{background:#a7a9ac; color:#fff; font-weight:bold; margin:5px; vertical-align:top;}
 163 .tbl3 a:link, .tbl3 a:visited {
 164         color:#fff;
 165         text-decoration:underline;
 166 }
 167 .tbl3 a:hover {
 168         color: #fff;
 169         text-decoration:underline;
 170 }
 171 .tbl4 {background:#dcdcde; font-weight:bold; margin:5px; vertical-align:top;}
 172 .tbl4 a:link, .tbl4 a:visited {
 173         color:#000;
 174         text-decoration:underline;
 175 }
 176 .tbl4 a:hover {
 177         color: #000;
 178         text-decoration:underline;
 179 }
 180 .tbl5 {background:#fff; margin:5px; vertical-align:top;}
 181 .tbl6 {background:#ebebeb; margin:5px; vertical-align:top;}
 182
 183 table.cape-table {
 184         table-layout:fixed;
 185         width: 900px;
 186 }
 187
 188 .cape-table-col1 {
 189         width: 121px;
 190 }
 191
 192 .cape-table-col2 {
 193         width: 344px;
 194 }
 195
 196 .cape-table-col3 {
 197         width: 412px;
 198 }