1
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
2
3
/*
4
 * What follows is the result of much research on cross-browser styling.
5
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
6
 * Kroc Camen, and the H5BP dev community and team.
7
 */
8
9
/* ==========================================================================
10
   Base styles: opinionated defaults
11
   ========================================================================== */
12
13
html,
14
button,
15
input,
16
select,
17
textarea {
18
    color: #222;
19
}
20
21
html {
22
    font-size: 1em;
23
    line-height: 1.4;
24
}
25
body {
26
    margin: 0;
27
    padding: 0;
28
}
29
.container {
30
    margin-right:0;
31
}
32
.navigation-style {
33
    width: 960px;
34
    line-height: 30px;
35
    position: relative;
36
    font-family: Arial,Helvetica,sans-serif;
37
    font-size: 12px;
38
//    float: left;
39
    margin-top: 25px;
40
    height: 43px;
41
    background: none repeat scroll 0% 0% #011100;
42
}
43
.navigation-style li {
44
    width:auto;
45
    color:red;
46
    //color: rgb(255, 255, 255);
47
    font-size: 16px;
48
    line-height: 41px;
49
    padding: 0px 30px;
50
    text-decoration: none;
51
    border-right: 1px solid rgb(119, 106, 162);
52
    display: inline-block;
53
    font-family: Helvetica,Arial,Verdana,sans-serif;
54
}
55
56
.navigation-style li a {
57
    width:auto;
58
    color:red;
59
}
60
61
.navigation-style li:hover a{
62
  //  color:red;
63
    font-family: Helvetica,Arial,Verdana,sans-serif;
64
    padding: 0px 0px;
65
    text-decoration: none;
66
    display: inline-block;
67
}
68
69
70
.contentholder {
71
    float: left;
72
    width: 964px;
73
    padding: 35px 0px 0px;
74
}
75
.first {
76
        margin-left: 0px;
77
	padding-left: 0px;
78
	margin-top:-46px;
79
}
80
.contentblockleft {
81
    float: left;
82
    width: 400px;
83
    margin-right: 40px;
84
}
85
hr {
86
    color:blue;
87
}
88
.contentblockright {
89
    float: right;
90
    width: 400px
91
}
92
ul.dropdown-menu li {
93
//    background:!important none repeat scroll 0% 0% rgb(255, 255, 255);
94
    border-bottom: 1px inset rgb(188, 181, 215);
95
    filter: none;
96
    font-size: 14px;
97
    display: block;
98
    border-right:none;
99
    line-height: 1px;
100
    padding: 6px;
101
    margin:0px 0px 0px 0px;
102
    color: rgb(0, 0, 0);
103
}
104
ul.dropdown-menu {
105
    margin:0;
106
    font-size:smaller;
107
}
108
.dropdown-menu li a {
109
    line-height:20px;
110
    }
111
.navigation-style ul li a:hover {
112
    color: white;
113
    text-decoration: none;
114
}
115
116
/*testing hover */
117
body{margin-top:0px;overflow-y:scroll;}
118
.glyphicon { margin-right:10px; }
119
.panel-body { padding:0px; }
120
.panel-body table tr td { padding-left: 15px }
121
.panel-body .table {margin-bottom: 0px; }
122
123
.col-sm-3 col-md-3{
124
    margin:0px 0px 0px -30px;
125
}
126
.panel panel-default {
127
    width:700px;
128
}
129
li.a {
130
    color:#000;
131
    border-right:none;
132
    list-style-type:square;
133
}
134
.header-color{
135
    color:red;
136
}
137
.well well-sm {
138
    background-color:#fff;
139
}
140
141
142
143
144
/*
145
 * Remove text-shadow in selection highlight: h5bp.com/i
146
 * These selection rule sets have to be separate.
147
 * Customize the background color to match your design.
148
 */
149
150
::-moz-selection {
151
    background: #b3d4fc;
152
    text-shadow: none;
153
}
154
155
::selection {
156
    background: #b3d4fc;
157
    text-shadow: none;
158
}
159
160
/*
161
 * A better looking default horizontal rule
162
 */
163
164
hr {
165
    display: block;
166
    height: 1px;
167
    border: 0;
168
    border-top: 1px solid #ccc;
169
    margin: 1em 0;
170
    padding: 0;
171
}
172
173
/*
174
 * Remove the gap between images, videos, audio and canvas and the bottom of
175
 * their containers: h5bp.com/i/440
176
 */
177
178
audio,
179
canvas,
180
img,
181
video {
182
    vertical-align: middle;
183
}
184
185
/*
186
 * Remove default fieldset styles.
187
 */
188
189
fieldset {
190
    border: 0;
191
    margin: 0;
192
    padding: 0;
193
}
194
195
/*
196
 * Allow only vertical resizing of textareas.
197
 */
198
199
textarea {
200
    resize: vertical;
201
}
202
203
/* ==========================================================================
204
   Browse Happy prompt
205
   ========================================================================== */
206
207
.browsehappy {
208
    margin: 0.2em 0;
209
    background: #ccc;
210
    color: #000;
211
    padding: 0.2em 0;
212
}
213
214
/* ==========================================================================
215
   Author's custom styles
216
   ========================================================================== */
217
218
219
/* ==========================================================================
220
   Helper classes
221
   ========================================================================== */
222
223
/*
224
 * Image replacement
225
 */
226
227
.ir {
228
    background-color: transparent;
229
    border: 0;
230
    overflow: hidden;
231
    /* IE 6/7 fallback */
232
    *text-indent: -9999px;
233
}
234
235
.ir:before {
236
    content: "";
237
    display: block;
238
    width: 0;
239
    height: 150%;
240
}
241
242
/*
243
 * Hide from both screenreaders and browsers: h5bp.com/u
244
 */
245
246
.hidden {
247
    display: none !important;
248
    visibility: hidden;
249
}
250
251
/*
252
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
253
 */
254
255
.visuallyhidden {
256
    border: 0;
257
    clip: rect(0 0 0 0);
258
    height: 1px;
259
    margin: -1px;
260
    overflow: hidden;
261
    padding: 0;
262
    position: absolute;
263
    width: 1px;
264
}
265
266
/*
267
 * Extends the .visuallyhidden class to allow the element to be focusable
268
 * when navigated to via the keyboard: h5bp.com/p
269
 */
270
271
.visuallyhidden.focusable:active,
272
.visuallyhidden.focusable:focus {
273
    clip: auto;
274
    height: auto;
275
    margin: 0;
276
    overflow: visible;
277
    position: static;
278
    width: auto;
279
}
280
281
/*
282
 * Hide visually and from screenreaders, but maintain layout
283
 */
284
285
.invisible {
286
    visibility: hidden;
287
}
288
289
/*
290
 * Clearfix: contain floats
291
 *
292
 * For modern browsers
293
 * 1. The space content is one way to avoid an Opera bug when the
294
 *    `contenteditable` attribute is included anywhere else in the document.
295
 *    Otherwise it causes space to appear at the top and bottom of elements
296
 *    that receive the `clearfix` class.
297
 * 2. The use of `table` rather than `block` is only necessary if using
298
 *    `:before` to contain the top-margins of child elements.
299
 */
300
301
.clearfix:before,
302
.clearfix:after {
303
    content: " "; /* 1 */
304
    display: table; /* 2 */
305
}
306
307
.clearfix:after {
308
    clear: both;
309
}
310
311
/*
312
 * For IE 6/7 only
313
 * Include this rule to trigger hasLayout and contain floats.
314
 */
315
316
.clearfix {
317
    *zoom: 1;
318
}
319
320
/* ==========================================================================
321
   EXAMPLE Media Queries for Responsive Design.
322
   These examples override the primary ('mobile first') styles.
323
   Modify as content requires.
324
   ========================================================================== */
325
326
@media only screen and (min-width: 35em) {
327
    /* Style adjustments for viewports that meet the condition */
328
}
329
330
@media print,
331
       (-o-min-device-pixel-ratio: 5/4),
332
       (-webkit-min-device-pixel-ratio: 1.25),
333
       (min-resolution: 120dpi) {
334
    /* Style adjustments for high resolution devices */
335
}
336
337
/* ==========================================================================
338
   Print styles.
339
   Inlined to avoid required HTTP connection: h5bp.com/r
340
   ========================================================================== */
341
342
@media print {
343
    * {
344
        background: transparent !important;
345
        color: #000 !important; /* Black prints faster: h5bp.com/s */
346
        box-shadow: none !important;
347
        text-shadow: none !important;
348
    }
349
350
    a,
351
    a:visited {
352
        text-decoration: underline;
353
    }
354
355
    a[href]:after {
356
        content: " (" attr(href) ")";
357
    }
358
359
    abbr[title]:after {
360
        content: " (" attr(title) ")";
361
    }
362
363
    /*
364
     * Don't show links for images, or javascript/internal links
365
     */
366
367
    .ir a:after,
368
    a[href^="javascript:"]:after,
369
    a[href^="#"]:after {
370
        content: "";
371
    }
372
373
    pre,
374
    blockquote {
375
        border: 1px solid #999;
376
        page-break-inside: avoid;
377
    }
378
379
    thead {
380
        display: table-header-group; /* h5bp.com/t */
381
    }
382
383
    tr,
384
    img {
385
        page-break-inside: avoid;
386
    }
387
388
    img {
389
        max-width: 100% !important;
390
    }
391
392
    @page {
393
        margin: 0.5cm;
394
    }
395
396
    p,
397
    h2,
398
    h3 {
399
        orphans: 3;
400
        widows: 3;
401
    }
402
403
    h2,
404
    h3 {
405
        page-break-after: avoid;
406
    }
407
}