/*
* { outline: 2px dotted red !important; }
* * { outline: 2px dotted green !important; }
* * * { outline: 2px dotted orange !important; }
* * * * { outline: 2px dotted blue !important; }
* * * * * { outline: 1px solid red !important; }
* * * * * * { outline: 1px solid green !important; }
* * * * * * * { outline: 1px solid orange !important; }
* * * * * * * * { outline: 1px solid blue !important; }
*/


/* Restore browser settings ******************************/
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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Defaults **********************************************/
p, ul, ol, dl {
    margin-bottom: 1em;
}

ul, ol { margin-left: 1.5em;}

ul li {
	padding-left: 1em;
	background: url(img/list-bullet.gif) no-repeat left;
}

dl { 
	padding: 10px; 
	background: #EDEDED;    
	border-radius: 10px; 
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
} 

dt { font-weight: bold;} 
dt:after { content: ":"; } 
dd { margin: 0 0 0 20px; padding: 0 0 0.5em 0; }

a { color: #004585; }

hr { margin: 2em 0; border: none; border-top: 1px dashed #EDEDED;}




/* Layout ************************************************/

body {
    padding: 0;
    margin: 0;  
    text-align: center;
    background: #333333 url(img/bg.gif);
}

#page {
    margin: auto;
	text-align: left; 
    width: 940px;
	padding: 0 10px;
	background: #FFF;
	box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    -webkit-box-shadow: 0px 0px 20px #000;
      
}

#doc-body, #header {
    
}


/* Header */
#header {}

    #top-bar {
        background: #DDD6BC url(img/top-bar-bg.jpg) no-repeat bottom;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		-moz-border-radius-bottomleft: 10px; 
		-moz-border-radius-bottomright: 10px; 
    	-webkit-border-bottom-left-radius: 10px;
    	-webkit-border-bottom-right-radius: 10px;
    }
    
    #logo {
        float: left;
    }
    
    #logo img {
        margin: 10px 0 0 10px;
    }
    
    #top-nav {
        float: right;
		margin: 0 0 10px 0;
    }
    
        #top-nav .panel {
            float: left;
            width: 160px;
            padding: 0 10px;
            background: url(img/top-panel-separator.jpg) no-repeat 0 5px;
        }
        
        #top-nav ul, #top-nav li {
            padding: 0;
            margin: 0;
            list-style-type: none;
			background: none;
        }


/* Doc body */
#doc-body {
    clear: both;
}
    #front-content {
    	width: 940px;
        background: url(img/front-content-bg.gif) repeat-y;
    }       

    #page-content {
    	width: 940px;
        background: url(img/page-content-bg.gif) repeat-y;
    }


    /* Content */
    
    #tweet, #mbar, #sbar {
        width: 160px;
        padding: 0 10px 30px 10px;
        float: right;
    }

	#tweet {
		/* display: none; */
	}
	
	#tweet ul, #mbar ul, #sbar ul {
		list-style-type: none;
	}
    
    #front-content #content {
        /* width: 390px; */
		width: 550px; 
        padding: 0 0 40px 0;
    }
    
    #page-content #content {
        width: 730px;
        padding: 10px 10px 40px 10px;
        background: url(img/content-gradient.jpg) repeat-x;
    }
	
	.content-panel {
		position: relative;
	}

	/* tweets */
	#tweet {
		font-size: 11px;
	}
	
	.tw-feed { 
		margin-bottom: 1em;
		width: 160px;
		overflow: hidden;
	}
	
	.tw-img {
		float: left;
		margin-right: 4px;
	}
	
	.tw-img img {
		-moz-border-radius: 5px;
    	-webkit-border-radius: 5px; 
	}
	
	.tw-user {
		line-height: 1.2em;
		font-weight: bold;
	}
	
	.tw-date {
		font-size: 9px;
		color: #999;
		margin-bottom: 6px;
	}
    
#footer {
    clear: both;
    background: url(img/footer-bg.jpg) no-repeat;
    width: 940px;
    height: 280px;
}

    #footer table {
        width: 940px;
    }
    
    #footer table td {
        width: 240px;
        padding: 10px;
    }
    
    

/* Typography ********************************************/
body, td, th {
    /*font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;*/
	font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.7em;
    color: #414141;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { font-size: 2em; font-weight: bold; margin: .67em 0 1em 0; color: #000; }
h2 { font-size: 1.6em; font-weight: bold; margin: 1.5em 0 .5em 0; color: #000; }
h3 { font-size: 1.3em; font-weight: bold; margin: 2em 0 .5em 0; color: #000; }
h4 { font-size: 1.1em; font-weight: bold; margin: 1.5em 0 .5em 0; color: #000; }
h5 { font-size: 0.83em; font-weight: bold; margin: 1.67em 0 .5em 0; color: #000; }
h6 { font-size: 0.67em; font-weight: bold; margin: 2.33em 0; color: #000; }

button {
    border: 1px solid #999;
    background: #CCC;
    margin: 1em 0;
    padding: 3px 12px;
    font-size: 11px;
}

#top-bar {
    color: #666;
    font-size: 12px;
	vertical-align: middle;
}

#top-bar .login {
    float: right;
	background: url(img/login-bullet.jpg) center right no-repeat;
	padding-right: 24px;
}


#top-bar .phone {
	float: left;
    font-size: 24px;
    color: #fff;
    margin-right: 10px;
}

#top-nav { font-size: 11px; color: #777; line-height: 1.6em;}
#top-nav h3 { margin: 10px 0 4px 0; font-size: 1.3em; color: #333; }
#top-nav a { color: #777; text-decoration: none; }
#top-nav a:hover { color: #000; text-decoration: underline; }

/*
.l-panel h3 { color: #fff; }
.l-content a { color:  #000; text-shadow: 0 0 5px #FFF;}
*/

#tweet, #mbar, #sbar {font-size: 11px; line-height: 1.5em;}
#twit ul, #mbar ul, #sbar ul {margin: 0; padding: 0;}

#footer .panel { color: #717171; font-size: 12px;}
#footer .panel a { color: #717171; }
#footer .panel h3 { color: #FFF; }


.f-symbol { font-weight: bold; font-family: arial; font-size: 10px;}
.f-percent { text-align: right; font-family: arial; font-size: 10px;}
.f-rate { text-align: right; font-family: arial; font-size: 10px;}

.up { color: #006600; padding: 0 0 0 10px; }
.down { color: #DA0000; padding: 0 0 0 10px; }

.file-list li { margin-bottom: .25em;}

.information { 
	color: #000; 
	padding: 10px 10px 0 40px; 
	background: #EEE url(img/icon/information-balloon.png) no-repeat 10px 14px; 
	border: 1px solid #ededed; 
	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px; 
}

.note {
	font-size: 90%;
	line-height: 1.3em;
	color: #999;
}

#newsletter-signup-response  { color: #990000; padding: 1em 0 0 0;}

/* Link images */
#doc-body a[href$='.pdf']  { display:inline-block; padding-left:20px; margin-left: -1em; background: url(img/icon/doc-pdf.png) center left no-repeat;}
.noicon { padding-left: 0 !important; margin-left: 0 !important; background: none !important; }