/*

styles.css

Screen media CSS common to all pages.



author: Jing Chen

version: 1.0

last modified: October 17, 2009

*/



/* general */

body {

	margin: 0 auto 0 auto;

	padding: 0 0 10px 0;

	font-family: Arial, Tahoma, Sans-Serif;

	font-size: 12px;	

	line-height: 140%;	

    background: url("images/bg_body.png") top left repeat-x #FFFFFF;

	text-align:center;

	width: 1000px;

}

a {

	color: #046ab5;

	text-decoration: none;

}

a:hover {

	color: #009900;

}

a.underline {

	text-decoration: underline;

}

a.important {

    font-weight: bold;

}

h3, h3 a {

	color: #4bb84b;

	font-weight: bold;

	font-size: 15px;

	margin: 10px 0px 10px 0px;

	padding: 0;

}

.side-box h3, .side-box h3 a {

	color: #026ab3;	

	margin: 0px 0px 10px 0px;

}

h4 {

	color: #0369b3;

	font-weight: bold;

	font-size: 12px;

	margin: 0 0 3px 0;

}

.div_collapsed {

        display: none;

}


h5 {

    color: #333333;

    font-weight: bold;

    font-size: 12px;

    margin: 0;

}

strong {	

	font-weight: bold;

	color: #222222;

}

p {

	margin: 0 0 1em 0;

}

select, input {	

	font-family: Arial, Tahoma, Sans-Serif;

	font-size: 100%;

	margin: 1px 0px 1px 0px;

}

ul {

	list-style-image: url("images/bg_list_bullet.gif");

	margin: 0 0 15px 0;

	padding: 0;

}

ul li {

	margin:5px 0 5px 15px;

	padding: 0;

}

ul.semantic {     

    list-style-type: none;

    list-style-image: none;

    margin: 10px 0 0 0;

    padding: 0;

}

ul.semantic li {

	margin:0 0 20px 0;

	padding: 0;

}

ol {

	margin: 0;

	padding: 0;

}

ol li {

	margin:0 0 10px 40px;

}

img {

	border: 0px;

}

img.float 

{

	float: right;

	margin: 0 0 10px 10px;

}



/* container */

#container {

	margin-top: 0;

	margin-bottom: 30px;

	margin-left: auto;

	margin-right: auto;		

	width: 952px;

	padding: 0 0 20px 0;

	text-align: left;

	background-color: #ffffff;

}





/* header */

#header {	

	height: 190px;

	width: 100%;

}

.logo {

	display: block;

	float: left;	

	height: 150px;

	width: 210px;

}





/* global nav */

.nav {	

	background: url("images/bg_nav.png") repeat-x;

	height: 30px;

	width: 100%;	

	text-align: center;

}

*html .nav {

	margin-bottom: -16px;	

}

.nav a {

	display: block;

	float: left;

	color: #ffffff;

	font-size: 15px;

	font-weight: bold;

	text-decoration: none;	

	padding: 8px 0 0 0;

	margin: 0;

	height: 22px;

	background: url("images/bg_nav_item_separator.png") top left no-repeat;

}

.nav a:hover {

	color: #ffffff;

}

.nav a.home {

    background-image: none;

}

.nav a.selected {    

    background: url("images/bg_nav_item_selected.png") top right repeat-x;    

}

.nav a.selected-right {

    background: url("images/bg_nav_item_selected.png") top left no-repeat;     

}





/* sub nav flyouts */

.sub-nav

{

    position: absolute;

    background-color: #e4f5e3;

    width: 200px;

    margin-top: 1px;

    display: none;

    z-index: 1001;

}

.sub-nav a

{

    display: block;

    padding: 8px 8px 8px 15px;    

    border-bottom: 1px solid #ffffff;

}





/* breadcrumb trail */

.breadcrumb-trail

{    

    padding: 5px 10px 0 10px;

}

.breadcrumb-trail .separator {

    display: inline-block;

    color: #046ab5;

    padding: 0 3px 0 3px;

}

.breadcrumb-trail a

{    

    text-decoration: underline;

}





/* left nav */

.left-nav

{

    float: left;

    width: 190px;    

	background: url("images/bg_panel_body.png") repeat-x top left #eff4fa;

}

.left-nav a

{

    display: block;

    color: #439e3e;

    font-weight: bold;

    padding: 8px 8px 8px 15px;

    border-bottom: 1px solid #ffffff;

}

.left-nav a.level-2

{

    padding-left: 40px;

}

.left-nav a.selected

{

	color: #026ab3;

}





/* content area */

#content {

    margin: 10px 10px 10px 10px;    

}

.column-1 {    

	float: left;

}

.column-2 {    

    float: left;

}

.column-3 {    

    float: right;

}





/* panels */

.panel-header {	

	padding: 6px 20px 0 20px;

	font-size: 15px;

	font-weight: bold;

	color: #ffffff;

	height: 21px;	

	background: url("images/bg_panel_header.png") repeat-x top left;

}

*html .panel-header-more {

	margin-bottom: -10px;	

}

.panel-header a.arrow {

    display: block;    

    color: #ffffff;

    text-align: right;

    background: url("images/bg_panel_header_arrow.gif") no-repeat center right;

}

.panel-body {	

	padding: 5px 20px 10px 20px;

	min-height: 100px;

	background: url("images/bg_panel_body.png") repeat-x top left #eff4fa;

}

.grid-panel .panel-body

{

	padding: 0;

}

.calendar-panel .panel-body 

{

	padding: 0;	

}

.panel-300 {

    width: 300px;

}

.panel-373 {

	width: 373px;	

}

.panel-480 {

	width: 480px;	

}

.panel-615 {

	width: 615px;

}
.panel-690 {

	width: 690px;

}

.panel-730 {

	width: 730px;

}



/* table & grid styles */

.document-categories

{

	margin: 10px 0 0 0;

}

table.table, table.sf_libraryGrid

{

	width: 100%;	

}

table.table td, table.table th

{

	text-align: left;

	vertical-align: top;

	padding: 5px 5px 5px 5px;	

}

table.sf_libraryGrid th, table.sf_libraryGrid td

{

	font-size: 12px !important;

	text-align: left !important;

}

table.table thead th, table.sf_libraryGrid thead th, table.sf_libraryGrid thead td

{

	border-bottom: 1px solid #cccccc;

	border-top: 0 !important;

}

.row

{

	background-color: #e1e9f6;	

}

.row2

{

	background-color: #f0f5fb;

}

.team-table .col1

{

	width: 100px;

}





/* side-boxes */

.side-box {		

	padding: 20px 15px 10px 20px;

	margin: 0 0 10px 0;

    background: url("images/bg_side_box.png") repeat-x top left #f0f5fb;	

}





/* footer */

#footer {

	clear: both;

}

#footer div.copyright {

	float:left;	

}

#footer div.links 

{

	color: #046ab5;

	float:right;

}





/* text styles */

.error {

	color: red;

}

.quotes 

{

	font-style: italic;

	margin-top: 10px;

}

a.arrow {

    display: inline-block;

    font-weight: bold;        

    padding-right: 10px;

    font-size: 12px;    

    background: url("images/bg_arrow.gif") no-repeat center right;    

}

.indent 

{

	margin-left: 20px;

}

.hr {

	border-top: 1px solid #0369b3;

	height: 10px;	

}





/* utility styles */

.left {

	float: left;	

}

.right {

	float: right;

}

.clear {

	clear: both;

	height: 1px;

}

.hidden 

{

	display: none;

}