/*
DashGo Card Stats homepage styles
Developed by Saforian

zoom:1 used to provide hasLayout for elements in IE
*/

/* --- Formatting --- */

body
{ color:#0094c4; font:normal .77em/1.3em verdana,arial,helvetica,sans-serif }

p, address, ul, ol, li, dt, dd, td, th, form, label
{ color:#0094c4; line-height:1.4 }
th, b, strong
{ font-weight:bold }
i, em, cite
{ font-style:italic }
sup, sub
{ font-size:75% }
table, tr, td, th /* IE5 font fix */
{ font-size:100% }


/* Links */
a
{ text-decoration:underline }
a:link
{ color:#e40001 }
a:visited
{ color:#f42021 }
a:hover, a:active
{ text-decoration:none }

/* Link buttons */
a.button, input.button, button
{ zoom:1; margin:0 6px 0 0; border:1px solid #ddd !important; padding:2px 16px 2px 30px; background:#fff url("../rsimages/button_plus.gif") no-repeat 0 50%; font-weight:bold; color:#0094c4; text-decoration:none; cursor:pointer; white-space:nowrap }

/* IE button width fix */
* html input.button, * html button
{ padding:1px 0 1px 15px; vertical-align:middle }
*:first-child+html input.button, *:first-child+html button
{ padding:1px 0 1px 15px; vertical-align:middle }

a.button:link, a.button:visited
{ color:#0094c4 }

a.button[rel=delete]:link, a.button[rel=delete]:visited /* Delete button */
{ color:#b00 }
* html a.reldelete:link, * html a.reldelete:visited /* IE6 support (class added in script) */
{ color:#b00 }

a.button:hover
{ color:#333 }
a.button[rel=delete]:hover /* Separated for IE6 compat */
{ color:#333 }


/* Paragraphs */
p
{ margin:0 0 1em }
address
{ font-style:normal; margin:0 0 1em }

.small, small
{ font-size:92% }
.big, big
{ font-size:130% }
.aligncenter
{ text-align:center }
.alignright
{ text-align:right }

.highlight
{ font-weight:bold; color:#00b4e4 }
.error
{ font-weight:bold; color:#900 }

.positive /* Percentages and values */
{ color:#0e7700 }
.negative
{ color:#700 }


/* Images */
a img
{ border-style:none }
.floatleft /* Floating images */
{ float:left; margin:0 8px 8px 0 }
.floatright
{ float:right; margin:0 0 8px 8px }

img.icon /* Document icons */
{ display:inline; background-color:#fff; padding:0 3px 0 6px; vertical-align:middle }


/* Separators */
hr
{ color:#f2f2f2; background-color:#f2f2f2; height:8px; margin:1.1em 0; padding:0; border-width:0; overflow:hidden }
* html hr /* IE6 fix */
{ margin:0 0 .9em }
*:first-child+html hr /* IE7 fix */
{ margin:0 0 .9em }


/* Headings */
h1, h2, h3, h4, h5, h6
{ color:#222; margin:0 0 .7em; padding:0; font:normal 133%/1.3 'helvetica neue',arial,sans-serif }
h1
{ font-size:133% }
h2
{ font-size:124% }
h3
{ font-size:115% }
h4
{ font-size:108% }
h5
{ font-size:100% }
h6
{ font-size:100%; margin-bottom:.1em }


/* Lists */
ul
{ margin:0 0 1.1em 18px; padding:0 }
ul li, ol li ul li
{ margin:0 0 .6em }
ul ul
{ margin:5px 0 2px 2px }

ol
{ margin:0 0 1.1em 33px; padding-left:0 }
ol li, ul li ol li
{ margin-bottom:.6em }

dl
{ margin:0 0 1.1em }
dt
{ display:block; margin:1em 0 0; padding:0; font-weight:bold }
dd
{ margin:1px 0 0; padding:0 }


/* Forms */
form
{ margin:0; padding:0 }
input, select, textarea
{ font-family:verdana,arial,helvetica,sans-serif; font-size:100%; vertical-align:middle }
label
{ vertical-align:middle }


/* Layout tables */
table
{ margin:0 0 .6em; padding:0; border-width:0; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:auto }
td
{ padding:0 20px 1em 0; vertical-align:top }

tr.break td /* Row gap */
{ border-top:1.5em solid #fff }
.box tr.break td
{ border-color:#f2f2f2 }


/* Form field tables */
table.fields td
{ padding:0 9px 6px 0 }
td.label
{ font-weight:bold }
td.label .small
{ font-weight:normal }


/* Data tables */
table.data
{ width:100%; margin-bottom:.5em; border:5px solid #ddd }

table.data caption
{ padding:0 0 5px; text-align:left; font-weight:bold; font-size:100% }
table.data th
{ padding:4px 8px; border:2px solid #fff; border-width:0 2px; vertical-align:top; background-color:#ddd; color:#333; text-align:left }
table.data td
{ padding:6px 8px; border:2px solid #f2f2f2; border-width:0 2px; vertical-align:top; background-color:#fff }

table.data .floatright
{ margin-bottom:0 }

/* Alternating row colors */
.even, tr.even td
{ background-color:#f2f2f2 }
table.data tr.even td
{ border-color:#fff }




/* --- Layout --- */

.hide, .hide *
{ position:absolute; overflow:hidden; left:0; top:-9999px; width:1px; height:1px }


body
{ width:786px; margin:40px auto 10px; padding:0 20px; 
  background-color:#00b4e4 }


/* - Left column - */
#wrapper
{ float:left; width:568px; border:1px solid #d5d5d5 }
#wrapper .pagewrapper
{
zoom: 1;
border: 12px solid #f4f4f4;
padding: 10px;
background: #fff url("../rsimages/public/back_hearts.gif") no-repeat 98% 14px 
}
#wrapper .pagewrapper:after /* Clear after floats */
{ content:"."; display:block; height:0; clear:both; visibility:hidden }


/* Logo */
h1
{ margin:0 0 14px 18px }
h1 img
{ display:block }

/* Intro banner */
#banner
{ margin:0 0 14px; background-color:#e6f6ff }
#banner img
{ display:block }



/* - Content area - */
#content
{ padding:0 12px }


/* - Navigation tabs - */
#tabs
{ zoom:1; margin:0 0 1.2em; padding:0; list-style-type:none }
#tabs:after /* Clear after floats */
{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#tabs li
{ float:left; margin:0 4px 0 0; padding:0 0 11px }
#tabs a
{ display:block; width:90px; border:#d6d6d6 4px solid; padding:4px; text-align:center; 
  color:#000; font:normal 117%/1.2 'helvetica neue',arial,sans-serif; text-decoration:none }

#tabs a:link; #tabs a:visited
{ color:#000 }
#tabs a:hover
{ background-color:#f8f8f8 }

#tabs li.active
{ background:url("../rsimages/public/back_navarrow.gif") no-repeat bottom center }
#tabs li.active a, #tabs li.active a:link, #tabs li.active a:visited
{ border-color:#00b6de; color:#00b6de }
#tabs li.active a:hover /* Must be off-white because of IE7 display bug */
{ background-color:#fffffe }


.columns
{ zoom:1 }
.columns:after /* Clear after floats */
{ content:"."; display:block; height:0; clear:both; visibility:hidden }
.columns div.col
{ float:left; width:47.5%; margin-right:2% }
.columns div.last-child
{ float:right; margin-right:0 }

.three /* Three columns */
{ margin-top:.4em }

.three div.col
{ float:left; width:30%; margin-left:3.2%; margin-right:3.2% }
.three div.first-child, .three div.last-child
{ float:left; width:30%; margin-left:0; margin-right:0 }



/* - Sidebar - */
#sidebar
{ float:right; width:205px }

#sidebar p
{ font-size:92%; color:#fff }


/* Login box */
#login
{ margin-bottom:1em; background:#fff url("../rsimages/public/back_logintop.gif") no-repeat }
#login .wrapper
{ padding:14px 0; background:url("../rsimages/public/back_loginbottom.gif") no-repeat bottom left }

#login form
{ padding:0 10px; border:1px solid #b0e8f7; border-width:0 1px }

#login table
{ margin:0; padding:0; border-width:0; font-size:92% }
#login table td
{ padding:0 7px 8px 0; vertical-align:middle }

#login table td.label
{ font-weight:normal; color:#4094c4 }
#login label
{ color:#4094c4 }


/* SIgn up button */
p#signup
{ margin:0 auto 1.1em auto; width:198px; min-height:32px; background:url("../rsimages/public/button_signupnow2.gif") no-repeat }
* html p#signup /* IE6 min-height fix */
{ height:45px }

p#signup a
{
display: block;
padding: 4px 42px 10px 16px;
color: #FFFFFF;
font: normal 170%/1.2 'helvetica neue',arial,sans-serif;
text-decoration: none;
}
p#signup a:hover
{ color:#00b4e4 }



/* - Footer - */
#footer
{ zoom:1; clear:both; margin:0; padding:1.2em 24px 0; font-size:92% }

#footer p
{ color:#fff }