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