/* 960 Grid System ~ Core CSS. Learn more ~ http://960.gs/ Licensed under GPL and MIT. */ /* =Containers --------------------------------------------------------------------------------*/ .container_12, .container_16 { width: 960px; margin: 0 auto; } /* =Grid >> Global --------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { display: inline; float: left; margin-left: 1%; margin-right: 1%; } .push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15 { position: relative; } .container_12 .grid_3, .container_16 .grid_4 { width: 23%; } .container_12 .grid_6, .container_16 .grid_8 { width: 48%; } .container_12 .grid_9, .container_16 .grid_12 { width: 73%; } .container_12 .grid_12, .container_16 .grid_16 { width: 98%; } /* Columns */ .one_half, .one_third, .two_third, .one_quarter, .three_quarter { display: inline; float: left; margin-left: 1%; margin-right: 1%; } .one_half { width: 49%; } .one_third { width: 32%; } .two_third { width: 66%; } .one_quarter { width: 23.5%; } .three_quarter { width: 74.5%; } /* =Grid >> Children (Alpha ~ First, Omega ~ Last) --------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* =Grid >> 12 Columns --------------------------------------------------------------------------------*/ .container_12 .grid_1 { width: 6.333%; } .container_12 .grid_2 { width: 14.666%; } .container_12 .grid_4 { width: 31.333%; } .container_12 .grid_5 { width: 39.666%; } .container_12 .grid_7 { width: 56.333%; } .container_12 .grid_8 { width: 64.666%; } .container_12 .grid_10 { width: 81.333%; } .container_12 .grid_11 { width: 89.666%; } /* =Grid >> 16 Columns --------------------------------------------------------------------------------*/ .container_16 .grid_1 { width: 4.25%; } .container_16 .grid_2 { width: 10.5%; } .container_16 .grid_3 { width: 16.75%; } .container_16 .grid_5 { width: 29.25%; } .container_16 .grid_6 { width: 35.5%; } .container_16 .grid_7 { width: 41.75%; } .container_16 .grid_9 { width: 54.25%; } .container_16 .grid_10 { width: 60.5%; } .container_16 .grid_11 { width: 66.75%; } .container_16 .grid_13 { width: 79.25%; } .container_16 .grid_14 { width: 85.5%; } .container_16 .grid_15 { width: 91.75%; } /* =Prefix Extra Space >> Global --------------------------------------------------------------------------------*/ .container_12 .prefix_3, .container_16 .prefix_4 { padding-left: 25%; } .container_12 .prefix_6, .container_16 .prefix_8 { padding-left: 50%; } .container_12 .prefix_9, .container_16 .prefix_12 { padding-left: 75%; } /* =Prefix Extra Space >> 12 Columns --------------------------------------------------------------------------------*/ .container_12 .prefix_1 { padding-left: 8.333%; } .container_12 .prefix_2 { padding-left: 16.666%; } .container_12 .prefix_4 { padding-left: 33.333%; } .container_12 .prefix_5 { padding-left: 41.666%; } .container_12 .prefix_7 { padding-left: 58.333%; } .container_12 .prefix_8 { padding-left: 66.666%; } .container_12 .prefix_10 { padding-left: 83.333%; } .container_12 .prefix_11 { padding-left: 91.666%; } /* =Prefix Extra Space >> 16 Columns --------------------------------------------------------------------------------*/ .container_16 .prefix_1 { padding-left: 6.25%; } .container_16 .prefix_2 { padding-left: 12.5%; } .container_16 .prefix_3 { padding-left: 18.75%; } .container_16 .prefix_5 { padding-left: 31.25%; } .container_16 .prefix_6 { padding-left: 37.5%; } .container_16 .prefix_7 { padding-left: 43.75%; } .container_16 .prefix_9 { padding-left: 56.25%; } .container_16 .prefix_10 { padding-left: 62.5%; } .container_16 .prefix_11 { padding-left: 68.75%; } .container_16 .prefix_13 { padding-left: 81.25%; } .container_16 .prefix_14 { padding-left: 87.5%; } .container_16 .prefix_15 { padding-left: 93.75%; } /* =Suffix Extra Space >> Global --------------------------------------------------------------------------------*/ .container_12 .suffix_3, .container_16 .suffix_4 { padding-right: 25%; } .container_12 .suffix_6, .container_16 .suffix_8 { padding-right: 50%; } .container_12 .suffix_9, .container_16 .suffix_12 { padding-right: 75%; } /* =Suffix Extra Space >> 12 Columns --------------------------------------------------------------------------------*/ .container_12 .suffix_1 { padding-right: 8.333%; } .container_12 .suffix_2 { padding-right: 16.666%; } .container_12 .suffix_4 { padding-right: 33.333%; } .container_12 .suffix_5 { padding-right: 41.666%; } .container_12 .suffix_7 { padding-right: 58.333%; } .container_12 .suffix_8 { padding-right: 66.666%; } .container_12 .suffix_10 { padding-right: 83.333%; } .container_12 .suffix_11 { padding-right: 91.666%; } /* =Suffix Extra Space >> 16 Columns --------------------------------------------------------------------------------*/ .container_16 .suffix_1 { padding-right: 6.25%; } .container_16 .suffix_2 { padding-right: 16.5%; } .container_16 .suffix_3 { padding-right: 18.75%; } .container_16 .suffix_5 { padding-right: 31.25%; } .container_16 .suffix_6 { padding-right: 37.5%; } .container_16 .suffix_7 { padding-right: 43.75%; } .container_16 .suffix_9 { padding-right: 56.25%; } .container_16 .suffix_10 { padding-right: 62.5%; } .container_16 .suffix_11 { padding-right: 68.75%; } .container_16 .suffix_13 { padding-right: 81.25%; } .container_16 .suffix_14 { padding-right: 87.5%; } .container_16 .suffix_15 { padding-right: 93.75%; } /* Push */ .container_12 .push_3, .container_16 .push_4 { left: 25%; } .container_12 .push_6, .container_16 .push_8 { left: 50%; } .container_12 .push_9, .container_16 .push_12 { left: 75%; } .container_12 .push_1 { left: 8.333%; } .container_12 .push_2 { left: 16.666%; } .container_12 .push_4 { left: 33.333%; } .container_12 .push_5 { left: 41.67%; } .container_12 .push_7 { left: 58.33%; } .container_12 .push_8 { left: 66.666%; } .container_12 .push_10 { left: 83.333%; } .container_12 .push_11 { left: 91.666%; } /* `Push Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .push_1 { left: 6.25%; } .container_16 .push_2 { left: 12.50%; } .container_16 .push_3 { left: 18.75%; } .container_16 .push_5 { left: 31.25%; } .container_16 .push_6 { left: 37.50%; } .container_16 .push_7 { left: 43.75%; } .container_16 .push_9 { left: 56.25%; } .container_16 .push_10 { left: 62.50%; } .container_16 .push_11 { left: 68.75%; } .container_16 .push_13 { left: 81.25%; } .container_16 .push_14 { left: 87.50%; } .container_16 .push_15 { left: 93.75%; } /* `Pull Space >> Global ---------------*/ .container_12 .pull_3, .container_16 .pull_4 { left: -25%; } .container_12 .pull_6, .container_16 .pull_8 { left: -50%; } .container_12 .pull_9, .container_16 .pull_12 { left: -75%; } .container_12 .pull_1 { left: -8.333%; } .container_12 .pull_2 { left: -12.666%; } .container_12 .pull_4 { left: -33.333%; } .container_12 .pull_5 { left: -41.666%; } .container_12 .pull_7 { left: -58.333%; } .container_12 .pull_8 { left: -66.666%; } .container_12 .pull_10 { left: -83.333%; } .container_12 .pull_11 { left: -91.666%; } /* `pull Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .pull_1 { left: -6.25%; } .container_16 .pull_2 { left: -12.50%; } .container_16 .pull_3 { left: -18.75%; } .container_16 .pull_5 { left: -31.25%; } .container_16 .pull_6 { left: -37.50%; } .container_16 .pull_7 { left: -43.75%; } .container_16 .pull_9 { left: -56.25%; } .container_16 .pull_10 { left: -62.50%; } .container_16 .pull_11 { left: -68.75%; } .container_16 .pull_13 { left: -81.25%; } .container_16 .pull_14 { left: -87.50%; } .container_16 .pull_15 { left: -93.75%; } /* =Clear Floated Elements --------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } .ie6 .grid_1, .ie6 .grid_2, .ie6 .grid_3, .ie6 .grid_4, .ie6 .grid_5, .ie6 .grid_6, .ie6 .grid_7, .ie6 .grid_8, .ie6 .grid_9, .ie6 .grid_10, .ie6 .grid_11, .ie6 .grid_12, .ie6 .grid_13, .ie6 .grid_14, .ie6 .grid_15, .ie6 .grid_16 { margin-left: .8%; margin-right: .8%; } .ie7 .grid_1, .ie7 .grid_2, .ie7 .grid_3, .ie7 .grid_4, .ie7 .grid_5, .ie7 .grid_6, .ie7 .grid_7, .ie7 .grid_8, .ie7 .grid_9, .ie7 .grid_10, .ie7 .grid_11, .ie7 .grid_12, .ie7 .grid_13, .ie7 .grid_14, .ie7 .grid_15, .ie7 .grid_16 { margin-left: .92%; margin-right: .92%; } img, object, embed, iframe { max-width: 100%; } img { height: auto; } div.updated { max-width: 640px; } .helptext { color: #888; cursor: default; } div.updated { position: absolute; left: 30%; top: 10px; width: 200px; } /* =Inline CSS -------------------------------------------------------------- */ #advantage_inline_css { background:#f9f9f9; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace !important; outline:none; overflow: auto; } #advantage-wrapper { margin-left: 0; position: relative; } #save-button { position: absolute; top: 20px; right: 0; } /* Tabs */ #advantage-tabs { width: 100%; height: 30px; padding-top: 20px; border-bottom: 1px solid #e1e1e1; } .no-js #advantage-tabs { width: 100%; height: 0; overflow: hidden; border-bottom: 1px solid #e1e1e1; } #advantage-tabs a { display: block; float: left; height: 21px; padding: 8px 15px 2px 15px; margin: 0; margin-left:10px; cursor: pointer; color: #333; font-weight: bold; font-size: 12px; text-decoration: none; border: 1px solid #e1e1e1; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } #advantage-tabs a:hover, #advantage-tabs .advantage-current { border: 1px solid #e1e1e1; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; background-color: #f5f5f5; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff); background-image: -o-linear-gradient(top, #e6e6e6, #ffffff); background-image: linear-gradient(to bottom, #e6e6e6, #ffffff); background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#ffffff', GradientType=0); /* for IE */ } .advantage-pane { position: relative; display: none; background: #fff; padding-top: 10px; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; } .advantage-pane p { margin: 0.5em 0; } .advantage-pane input { margin: 0 0.25em 0 0.25em; } .advantage-pane hr { border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0; } .no-js .advantage-pane { display: block } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .btn { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #bbbbbb; *border: 0; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .btn.disabled, .btn[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 4px; } .btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; } .btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { margin-top: -1px; } .btn-mini { padding: 0 6px; font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn { border-color: #c5c5c5; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #0044cc; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .btn-primary:active, .btn-primary.active { background-color: #003399 \9; } .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #f89406; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color: #ffffff; background-color: #f89406; *background-color: #df8505; } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #bd362f; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #51a351; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: #ffffff; background-color: #51a351; *background-color: #499249; } .btn-success:active, .btn-success.active { background-color: #408140 \9; } .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #2f96b4; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } .btn-info:active, .btn-info.active { background-color: #24748c \9; } .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #222222; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: #ffffff; background-color: #222222; *background-color: #151515; } .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; } a { text-decoration: none; } .unorderlist { list-style: square; padding: 0; margin: 0 0 10px 25px; } .social-links { display: inline; float: left; width: 30px; margin: 0; } .social-links span { text-indent: -9999px; width: 24px; height: 24px; display: inline-block; overflow: hidden; margin: 0; background: url('../images/icons.png') no-repeat 0 0; } .social-links span.url_linkedin { background-position: -26px 0; } .social-links span.url_twitter { background-position: -52px 0; } .social-links span.url_gplus { background-position: -78px 0; } .social-links span.url_youtube { background-position: -104px 0; } .social-links span.url_vimeo { background-position: -130px 0; } .social-links span.url_rss { background-position: -156px 0; } .social-links span.url_flickr { background-position: -182px 0; } .social-links span.url_instagram { background-position: -208px 0; } .social-links span.url_pinterest { background-position: 0 -134px; } .social-links span.url_aboutme { background-position: -26px -134px; } .social-links span.url_stumbleupon { background-position: -52px -134px; }