/* Inside Line Global CSS (screen)
http://static.insideline.com/screen.css
Created 2008-06-05 rdeprez
Modified 2010-02-10 nadia
*/
/* reset ------------------------------------------------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0;
vertical-align: baseline;}
body {line-height: 1.1; /* 1 cuts off link underlines in IE */}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
caption, th {text-align: left;}
/* to preserve line-height and selector appearance */
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input, textarea, select {font-family: inherit; font-size: inherit; font-weight: inherit; *margin: 0;}
/* to enable resizing for IE*/
input, textarea, select {*font-size: 100%;}
/* because legend doesn't inherit in IE */
legend {color: #000;}
/* body & document -------------------------------------------------------------------------------------------------- */
body {background: #fff; color: #555; font-family: Verdana, sans-serif; font-size: 12px;}
#il_document {margin: 0 auto; overflow: hidden; min-height:800px; position: relative; width: 1158px;}
/* content */
#il_header {clear: both;}
#il_article {clear: both; overflow: hidden; *zoom:1;}
/* grids ------------------------------------------------------------------------------------------------------------ */
/* == STRUCTURE: ========================
* Page width: 1158 px
* Number of columns: 24
* Column width: 31 px
* Margin width: 18 px
====================================== */
/* clearer for ie6 */
.separator {clear: both;}
/* Sets up basic grid floating and margin. */
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12,
.span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23 {
border: 1px solid #ccc;
float: left; _display: inline;
margin: 0 18px 18px 0;
}
.span-24 {
border: 1px solid #ccc;
clear: both;
margin: 0 0 18px 0;
}
/* Use these classes to set the width of a unit. */
.span-1 {width: 29px;}
.span-2 {width: 78px;}
.span-3 {width: 127px;}
.span-4 {width: 176px;}
.span-5 {width: 225px;}
.span-6 {width: 274px;}
.span-7 {width: 323px;}
.span-8 {width: 372px;}
.span-9 {width: 421px;}
.span-10 {width: 470px;}
.span-11 {width: 519px;}
.span-12 {width: 568px;}
.span-13 {width: 617px;}
.span-14 {width: 666px;}
.span-15 {width: 715px;}
.span-16 {width: 764px;}
.span-17 {width: 813px;}
.span-18 {width: 862px;}
.span-19 {width: 911px;}
.span-20 {width: 960px;}
.span-21 {width: 1009px;}
.span-22 {width: 1058px;}
.span-23 {width: 1107px;}
.span-24 {width: 1156px;}
/* Use these classes to make a left column. */
.col-span-1, .col-span-2, .col-span-3, .col-span-4, .col-span-5, .col-span-6, .col-span-7, .col-span-8, .col-span-9,
.col-span-10, .col-span-11, .col-span-12, .col-span-13, .col-span-14, .col-span-15, .col-span-16, .col-span-17,
.col-span-18, .col-span-19, .col-span-20, .col-span-21, .col-span-22, .col-span-23 {
border: 0 none;
float: left;
overflow:hidden;*zoom:1;
}
.col-span-1 {width: 31px;}
.col-span-2 {width: 80px;}
.col-span-3 {width: 129px;}
.col-span-4 {width: 178px;}
.col-span-5 {width: 227px;}
.col-span-6 {width: 276px;}
.col-span-7 {width: 325px;}
.col-span-8 {width: 374px;}
.col-span-9 {width: 423px;}
.col-span-10 {width: 472px;}
.col-span-11 {width: 521px;}
.col-span-12 {width: 570px;}
.col-span-13 {width: 619px;}
.col-span-14 {width: 668px;}
.col-span-15 {width: 717px;}
.col-span-16 {width: 766px;}
.col-span-17 {width: 815px;}
.col-span-18 {width: 864px;}
.col-span-19 {width: 913px;}
.col-span-20 {width: 962px;}
.col-span-21 {width: 1011px;}
.col-span-22 {width: 1060px;}
.col-span-23 {width: 1109px;}
/* palcement exceptions */
.col-span-15 {margin-right: 18px;}
.col-span-15 .span-15 {float: none; margin-right: 0; overflow: hidden; *zoom: 1;}
.col-span-9 .span-9 {float: none; margin-right: 0; overflow: hidden; *zoom: 1;}
/* Use this class for a right unit. */
.right {float: right;}
/* Use this class for a left unit. */
.left {float: left;}
/* POP UP */
.il-popup {border: 1px solid #ccc; margin: 15px;}
.il-popup .span-15, .il-popup .span-9 {border: none;}
/* Mobile */
#il-mobile { margin:6px;}
#il-mobile-header { position:relative;}
#il-mobile-header span { position:absolute;right:0;top:25px;}
#il-mobile-content { border:1px solid #CCCCCC; }
#il-mobile .content-title { margin:22px 0 17px -1px; }
#il-mobile-content .mobile-article { margin:27px;}
#il-mobile-content .mobile-article p { margin-bottom:20px;}
#il-mobile-content button { position:relative; left:-3px;}
#il-mobile-content .btn span span {padding:3px 21px 5px;}
/* inside line ----------------------------------------------------------------------------------------------------- */
/* for example only
Dark grey (text): #333333
Dark Blue (headings, links) #000066
Mid Blue (header) #333399
Light blue (top navigation) #CCCCFF
Mid grey: #666666
*/
/* links */
a {color: #0072bc; text-decoration: none;}
a:hover {text-decoration: underline;}
/* forms */
input[type=text] {
background: url(../img/il_global.png) 0 -232px;
color: #999;
font-family: Verdana, sans-serif;
font-size: 12px;
height: 19px;
padding: 4px 5px 0;
}
/* button,
input[type=submit] {
background: url(../img/il_global.png) 0 -1100px;
border: 1px solid #535353; color: #fff;
}
button:hover,
input[type=submit]:hover {border: 1px solid #d00;}*/
/* buttons
markup: button or
*/
.btn {
background:none;
border-width:0;
color:#fff;
display: -moz-inline-box; display: inline-block;
font-size: 12px;
overflow:visible;
padding:3px 5px 5px 0;
text-decoration:none;
}
.btn span {
background:#535353 url(../img/il_global.png) 0 -544px repeat-x;
margin:0;
padding:0;
border:none;
}
.btn span span {
padding:3px 45px 5px;
border: none;
border:1px solid #535353;
border-top:1px solid #c00;
}
.btn .arrow-right {
background: transparent url(../img/il_icons.png) repeat scroll -180px -178px; width:15px; height:19px; display: -moz-inline-box; display: inline-block; position:relative; top:5px; *top:3px;
}
/* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
cursor:pointer; /* important for any clickable/pressable element */
color:#fffc00;
}
.btn:active span {
outline:none;
}
.btn:focus, .btn:active {
outline:none; /* doesn't seem to be respected for