/*
dojo_style_start
outer_bg = u""
inner_bg = u"#e8f4ff"
axis_label_font_colour = u"#4c547c"
major_gridline_colour = u"#6ecadf"
gridline_width = 1
stroke_width = 3
tooltip_border_colour = u"#6ecadf"
colour_mappings = [(u"#359cb3", u"#6ecadf"),
    (u"#333435", u"#74787c"),
    (u"#ccd9d7", u"#9db6b2"),
    (u"#094457", u"#5d8997"),
    (u"#56948a", u"#637572"),
    ]
connector_style = u"paleblue"
dojo_style_end
*/
    body{
        font-size: 12px;
        font-family: Ubuntu, Helvetica, Arial, sans-serif;
    }
    h1, h2{
        font-family: Ubuntu, Helvetica, Arial, sans-serif;
        font-weight: bold;
    }
    h1{
        font-size: 18px;
    }
    h2{
        font-size: 16px;
    }
    .gui-msg-medium, gui-msg-small{
        color: #29221c;
        font-family: Ubuntu, Helvetica, Arial, sans-serif;
    }
    .gui-msg-medium{
        font-size: 16px;
    }
    *html .gui-msg-medium{
        font-weight: bold;
        font-size: 18px;
    }
    .gui-msg-small{
        font-size: 13px;
        line-height: 150%;
    }
    .gui-note{
        background-color: #e95829;
        color: white;
        font-weight: bold;
        padding: 2px;
    }
    tr, td, th{
        margin: 0;
    }

    .tbltitle, .tblsubtitle{
        margin: 0;
        font-family: Ubuntu, Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 14px;
    }
    .tbltitle{ /*spans*/
        padding: 0;
        font-size: 18px;
    }
    .tblsubtitle{
        padding: 12px 0px 0px 0px;
        font-size: 14px;
    }
    .tblcelltitle{ /*th*/
        text-align: left;
        border: none;
        padding: 0px 0px 12px 0px;
        margin: 0;
    }

    th, .rowvar, .rowval, .datacell, .firstdatacell {
        border: solid 1px #A1A1A1;
    }
    th{
        margin: 0;
        padding: 0px 6px;
    }
    td{
        padding: 2px 6px;
        border: solid 1px #c0c0c0;
        font-size: 13px;
    }
    .rowval{
        margin: 0;
    }
    .datacell, .firstdatacell{
        text-align: right;
        margin: 0;
    }
    .firstcolvar, .firstrowvar, .spaceholder {
        font-family: Ubuntu, Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 14px;
        color: white;
    }
    .spaceholder {
        background-image: url("sofastats_report_extras/grey_spirals.gif") !important; /*else tundra forces none*/
        background-color: #ccd9d7;
    }
    .firstcolvar, .firstrowvar{
        background-color: #333435;
    }
    .firstrowvar{
        border-left: solid 1px #333435;
        border-bottom:  solid 1px #333435;
    }
    .topline{
        border-top: 2px solid #c0c0c0;
    }
    .firstcolvar{
        padding: 9px 6px;
        vertical-align: top;
        border-top:  solid 1px #333435;
    }
    .rowvar, .colvar{
        font-family: Ubuntu, Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 14px;
        color: #333435;
        background-color: white;
    }
    .colvar{
        padding: 6px 0px;            
    }           
    .colval, .measure{
        font-size: 12px;
        vertical-align: top;
    }
    table {
        border-collapse: collapse;
    }
    tr.total-row td{
        font-weight: bold;
        border-top: solid 2px black;
        border-bottom: double 3px black;
    }
    .page-break-before{
        page-break-before: always;
        border-bottom: none; /*3px dotted #AFAFAF;*/
        width: auto;
        height: 18px;
    }
    td.lbl{
        text-align: left;
        background-color: #F5F5F5;
    }
    td.right{
        text-align: right;
    }
    .ftnote-line{
        /* for hr http://www.w3schools.com/TAGS/att_hr_align.asp*/
        width: 300px;
        text-align: left; /* IE and Opera*/
        margin-left: 0; /* Firefox, Chrome, Safari */
    }
    .tbl-header-ftnote{
        color: white;
    }
    .ftnote{
        color: black;
    }
    /* Tool tip connector arrows */
    .dijitTooltipBelow-paleblue {
	
	    padding-top: 13px;
    }
    .dijitTooltipAbove-paleblue {
	
	    padding-bottom: 13px;
    }
    .tundra .dijitTooltipBelow-paleblue .dijitTooltipConnector {
	
	    top: 0px;
	    left: 3px;
	    background: url("sofastats_report_extras/tooltipConnectorUp-paleblue.png") no-repeat top left !important;
	    width:16px;
	    height:14px;
    }
    .dj_ie .tundra .dijitTooltipBelow-paleblue .dijitTooltipConnector {
	
	    background-image: url("sofastats_report_extras/tooltipConnectorUp-paleblue.gif") !important;
    }
    .tundra .dijitTooltipAbove-paleblue .dijitTooltipConnector {
	
	    bottom: 0px;
	    left: 3px;
	    background:url("sofastats_report_extras/tooltipConnectorDown-paleblue.png") no-repeat top left !important;
	    width:16px;
	    height:14px;
    }
    .dj_ie .tundra .dijitTooltipAbove-paleblue .dijitTooltipConnector {
	    background-image: url("sofastats_report_extras/tooltipConnectorDown-paleblue.gif") !important;
    }
    .dj_ie6 .tundra .dijitTooltipAbove-paleblue .dijitTooltipConnector {
	    bottom: -3px;
    }
    .tundra .dijitTooltipLeft-paleblue {
	    padding-right: 14px;
    }
    .dj_ie6 .tundra .dijitTooltipLeft-paleblue {
	    padding-left: 15px;
    }
    .tundra .dijitTooltipLeft-paleblue .dijitTooltipConnector {
	
	    right: 0px;
	    bottom: 3px;
	    background:url("sofastats_report_extras/tooltipConnectorRight-paleblue.png") no-repeat top left !important;
	    width:16px;
	    height:14px;
    }
    .dj_ie .tundra .dijitTooltipLeft-paleblue .dijitTooltipConnector {
	    background-image: url("sofastats_report_extras/tooltipConnectorRight-paleblue.gif") !important;
    }
    .tundra .dijitTooltipRight-paleblue {
	    padding-left: 14px;
    }
    .tundra .dijitTooltipRight-paleblue .dijitTooltipConnector {
	
	    left: 0px;
	    bottom: 3px;
	    background:url("sofastats_report_extras/tooltipConnectorLeft-paleblue.png") no-repeat top left !important;
	    width:16px;
	    height:14px;
    }
    .dj_ie .tundra .dijitTooltipRight-paleblue .dijitTooltipConnector {
	    background-image: url("sofastats_report_extras/tooltipConnectorLeft-paleblue.gif") !important;
    }
