/**
 * general.css
 * CSS file for General Class, ID, and Tag Definitions
 * @author Luke Sneeringer, Live Oak Interactive
 * @author Copyright 2007, Live Oak Interactive
 */
 

/* content type definitions */
a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: 0px;
}

.icon {
    display: block;
    padding-top: 1px;
    padding-left: 20px;
    background-repeat: no-repeat;
}

a.icon {
	height: 16px;
}
    
p, #content ul, .plain-text {
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    color: #606060;
    line-height: 130%;
}

.colored-text {
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    line-height: 130%;
}

#content p {
    margin-bottom: 10px;
}

#content ul {
	margin-left: 25px;
}


/* section headers */
#content h1.bar {
    display: block;
    background-color: transparent;
    background-repeat: no-repeat;
    font-size: 12px;
    color: white;
    padding-left: 25px;
    padding-top: 2px;
    padding-bottom: 1px;
    text-transform: uppercase;
    height: 17px;
    margin-bottom: 10px;
}

#content h1.gbar {
    display: block;
    background-color: transparent;
    background-image: url('/includes/images/misc/grey_tab.gif');
    background-repeat: no-repeat;
    font-size: 12px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 1px;
    text-transform: uppercase;
    height: 18px;
}

#content h1 {
    font-family: Arial, Sans-Serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

#content h2 {
	/* Blue Header */
	font-family: Arial, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 4px;
}

#content h3 {
	/* Orange Header */
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	color: #606060;
	margin-top: 8px;
	margin-bottom: 4px;
	text-transform: uppercase;
}

.mc, h4 {
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	margin-top: 8px;
	margin-top: 4px;
}

h1.mc, h4 {
	font-size: 13px !important;
}

h2.mc {
	font-weight: normal;
	font-size: 11px !important;
}

#content dl {
	font-family: Arial, Sans-Serif;
	font-size: 10px;
}

#content dt {
	font-weight: bold;
	color: #A05722;
	margin-top: 8px;
	margin-bottom: 4px;
	text-transform: uppercase;
}

#content dd {
	margin-left: 10px;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	color: #606060;
	line-height: 130%;
}

/* left sidebar */
#extra .bar {
    display: block;
    background-color: transparent;
    background-repeat: no-repeat;
    padding-left: 10px;
    height: 18px;
    width: 180px;
}

#extra .bar h1 {
    display: block;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    color: white;
    text-transform: uppercase;
    padding-top: 3px;
	margin-top: -1px;
}

#extra h2 {
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	line-height: 120%;
}

.greybox {
    display: block;
    background-color: transparent;
    background-repeat: repeat-y;
    width: 180px;
    padding-left: 15px;
    padding-top: 8px;
    padding-bottom: 5px;
}

.greybox .wrap {
	margin-right: 25px;
}

.greybox_bottom {
    display: block;
    background-color: transparent;
    background-repeat: no-repeat;
    height: 14px;
    margin-bottom: 5px;
}

.greybox .error {
    font-size: 12px;
    width: 130px;
}

.whitebox {
    display: block;
    background-image: url("/includes/images/markets/1/backgrounds/expert_box_body.gif");
    background-repeat: repeat-y;
    width: 180px;
    padding-top: 5px;
    padding-left: 10px;
}

.whitebox_bottom {
    display: block;
    background-image: url("/includes/images/markets/1/backgrounds/expert_box_bottom.gif");
    background-repeat: no-repeat;
    width: 180px;
    height: 3px;
    margin-bottom: 20px;
}
/* left-hand subnav */
.subnav h2 {
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 3px;
}

.subnav a {
    display: block;
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    margin-bottom: 4px;
}


/* forms */
#content form {
    margin-left: 10px;
    padding-bottom: 1px;
}

.formrow {
    margin-bottom: 5px;
}

.formrow label {
    font-family: Arial, Sans-Serif;
    font-size: 10px;
    font-weight: bold;
    display: block;
	margin-bottom: 1px;
}

.formrow label.radio {
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	display: inline;
}

.formrow select {
	width: 150px;
}

.formrow select.full_state_name {
	width: 175px;
}

.formrow select.abbrv_state_name {
	width: 50px;
}

.radio_label {
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	display: block;
}

#extra a.button, #extra input.form_button {
    display: block;
    background-color: transparent;
    background-repeat: no-repeat;
	border: 0px;
    margin-left: 17px;;
    width: 115px;
    height: 17px;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
}

#content a.button, #content input.form_button {
    display: block;
    background-color: transparent;
    background-repeat: no-repeat;
				border: 0px;
    width: 92px;
    height: 20px;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
}

select {
    width: 150px;
}

.read-only {
	background-color: #D0D0D0;
	color: #808080;
}

optgroup {
	padding-left: 10px;
}

/* tables */
table {
    margin-bottom: 12px;
	color: black;
}

th {
    background-color: #B0B0B0;
}

tr.odd td {
    background-color: #D0D0D0; 
}

tr.even td {
    background-color: #E8E8E8;
}

tr td.selected {
	background-color: #B0B0FF !important;
}

th,td {
    padding-top: 2px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    font-family: Arial, Sans-Serif;
    font-size: 11px;
}


/* tabs */
#tabs a {
				display: block;
				float: left;
				background-color: #E8E8E8;
				font-family: Arial, Sans-Serif;
				font-size: 12px;
				color: black;
				width: 85px;
				text-align: center;
				margin-left: 10px;
				padding-top: 2px;
				padding-bottom: 2px;
}

#tabs a:hover {
	background-color: #D0D0FF;
	text-decoration: none;
}

#tabs a.on {
	background-color: #D0D0FF;
}

#tabs .line {
	clear: both;
	height: 1px;
	font-size: 1px;
}


/* messages */
.error {
    display: block;
	color: black;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #FFE0E0;
    background-image: url('/includes/images/icons/exclamation.png');
    background-repeat: no-repeat;
    background-position: 1px 1px;
    border: 1px solid #FF0000;
}

.notice {
    display: block;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #FFFFD0;
    background-image: url('/includes/images/icons/error.png');
    background-repeat: no-repeat;
    background-position: 1px 1px;
    border: 1px solid #FFE080;
}

.success {
    display: block;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #E0FFE0;
    background-image: url('/includes/images/icons/accept.png');
    background-repeat: no-repeat;
    background-position: 1px 1px;
    border: 1px solid #008000;
}

.mysql_query {
	display: block;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 10px;
	background-color: #E0E0FF;
	background-image: url('/includes/images/icons/database_gear.png');
	background-repeat: no-repeat;
	background-position: 1px 1px;
	border: 1px solid #70A0FF;
	font-family: Courier New, Serif;
	font-size: 12px;
}

/* random defininitions */
.benefit {
	float: left;
	width: 240px;
	margin-right: 15px;
}

.product {
	float: left;
	margin-right: 10px;
	width: 150px;
}

/* shortcut definitions */
.hidden { display: none; }
.float-left { float: left; }
.float-right { float: right; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.valign-top { vertical-align: top; }
.clear { clear: both; }
.lg { font-size: 14px; }
.sm { font-size: 9px; }
.bold { font-weight: bold; }
.mt4 { margin-top: 4px; }
.ml5 { margin-left: 5px; }
.mt10 { margin-top: 10px; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.mb10 { margin-bottom: 10px; }
.mt20 { margin-top: 20px; }
.ml20 { margin-left: 20px; }
.mr20 { margin-right: 20px; }
.mb20 { margin-bottom: 20px; }
.mt0 { margin-top: 0px !important; }
.mb0 { margin-bottom: 0px !important; }
.mtneg8 { margin-top: -8px; }
.mtneg9 { margin-top: -9px; }
.mtneg10 { margin-top: -10px; }
.pt0 { padding-top: 0px !important; }
.pb0 { padding-bottom: 0px !important; }
.pl5 { padding-left: 5px; }
.pr5 { padding-right: 5px; }
.pt5 { padding-top: 5px; }
.pb5 { padding-bottom: 5px; }
.pl10 { padding-left: 10px; }
.pr10 { padding-right: 10px; }
.pt10 { padding-top: 10px; }
.pb10 { padding-bottom: 10px; }
.w50 { width: 75px; }
.w100 { width: 100px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w50percent { width: 50%; }
.w100percent { width: 100%; }
.onepx { height: 1px; font-size: 1px; min-height: 1px; line-height: 1%; }
.hidden { display: none; }