/**
* $Workfile: public.css $
* $Revision: 24 $  
* $Date: 2010-08-31 11:02:29 -0400 (Tue, 31 Aug 2010) $
* $Author: jyingling $
* Copyright 2007-2009 G1440, Inc. All rights reserved.
* Public mode classes.
**/
#mainContent {
	padding: 10px 0 0 25px;
}

#contentText {
	padding-bottom: 25px;
}

.leftCol {
	float: left;
	text-align: left;
	max-width: 75%;
	min-width: 25%;
}

.leftCol label {
	width: 70px;
}

.rightCol {
	float: right;
	text-align: right;
	max-width: 75%;
	min-width: 25%;
}

.rightCol label {
	width: 70px;
}

#graphicsContainer img {
	border: solid 1px #333;
	margin: 1px;
	width: 100px;
	height: 100px;
}

/* Widget */
body.widget {
	background-color: #FFF;
}

#widget {
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 530px;
	position: relative;
}

#widget p {
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}

#widget #errors li {
	list-style-type: none;
	margin-left: 140px;
	padding-bottom: 4px;
}

/* Tab Panel */
#tabPanelWrapper {
	width: 100%;
	height: 100%;
}

.tabContent {
	background-color: #FFF;
	border: 1px solid #CCC;
	border-top: none;
	clear: both;
	margin: 0px;
	padding: 15px;
}

.tabPanel {
	border-bottom: 1px solid #CCC;
	margin: 0;
	padding-bottom: 19px;
	padding-left: 10px;
}

.tabPanel ul,.tabPanel li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.tabPanel a:link,.tabPanel a:visited {
	background-color: #E8E8E8;
	border: 1px solid #CCC;
	color: #666;
	float: left;
	line-height: 14px;
	margin-right: 8px;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
}

.tabPanel a:link .ajaxCurrentTab,.tabPanel a:visited .ajaxCurrentTab {
	background-color: #FFF;
	border-bottom: 1px solid #FFF;
	color: #0055A5;
	font-weight: bold;
}

.tabPanel a:hover {
	color: #F00;
}

/* Sub Panels */
#subPanelsContainer fieldset {
	clear: both;
}

.subPanel {
	clear: both;
	display: block;
}

fieldset.subPanelFieldset {
	border-top: 0;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	margin: 0;
	margin-bottom: 12px;
	padding: 8px 4px 10px 4px;
	clear: both;
	background-color: #FFF;
}

fieldset .underline {
	border-bottom: 2px solid #FFF;
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: inherit;
}

ul.subPanelTabs {
	margin: 0;
	padding: 0;
	clear: left;
	background-image: url(/common/images/tabsBg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	list-style: none;
	float: left;
	width: 100%;
}

ul.subPanelTabs li {
	float: left;
	text-align: center;
	margin-left: -1px;
	width: 105px;
}

ul.subPanelTabs li.first {
	margin-left: 5px;
	display: inline;
}

ul.subPanelTabs li a {
	display: block;
	line-height: 20px;
	height: 20px;
	color: #666;
	text-decoration: none;
	background-image: url(/common/images/tabsRight.gif);
	background-repeat: no-repeat;
	background-position: right -60px;
	cursor: pointer;
}

ul.subPanelTabs li a span {
	display: block;
	line-height: 20px;
	height: 20px;
	padding: 0 5px 0 5px;
	color: #666;
	text-decoration: none;
	background-image: url(/common/images/tabsLeft.gif);
	background-repeat: no-repeat;
	background-position: left -60px;
}

ul.subPanelTabs li a:hover {
	color: #666;
}

ul.subPanelTabs li a.active {
	display: block;
	line-height: 20px;
	height: 20px;
	font-weight: bold;
	background-image: url(/common/images/tabsRight.gif);
	background-repeat: no-repeat;
	background-position: right 0;
	background-color: #FFF;
	cursor: pointer;
	border-bottom: 1px solid #FFF;
}

ul.subPanelTabs li a.active span {
	color: #0055A5;
	display: block;
	line-height: 20px;
	height: 20px;
	text-decoration: none;
	background-image: url(/common/images/tabsLeft.gif);
	background-repeat: no-repeat;
	background-position: left 0;
}

.entityDisplay {
	font-size: 102%;
	font-weight: bold;
}

.optIn {
	padding-left: 5px;
}

.optIn label.checkboxLabel {
	width: auto;
	float: none;
	margin-right: 1.5em;
	display: inline;
	white-space: normal;
	font-style: normal !important;
}

.wwlbl label {
	width: 140px;
}

/* Billboards */
#imageBillboard {
	width: 100%;
	text-align: center;
}

#textBillboard {
	width: 100%;
	text-align: center;
}

/* Opt In Page */
#optIn {
	width: 560px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	text-align: center;
}

.optInTeaser {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
	color: #CC3300;
	margin-bottom: 40px;
	display: block;	
}

#optInCopy {
	width: 560px;
}

#optInCopy div.leftColumn {
    width: 300px;
    float: left;
}

#optInCopy div.rightColumn {
    width: 200px;
    margin-left: 340px;
}

#optInCopy em {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
}

#optInCopy img {
	padding: 5px;
	border: 1px solid #CCC;	
}

#optInAction {
	clear: both;
	width: 100%;
	margin-top: 20px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
    padding-top: 10px;
	padding-bottom: 10px;
	font-size: 110%;
}

.privacyPolicyFooter {
	margin-top: 20px;
	display: block;
	clear: both;
	padding: 10px;
}

/* Login Panel */
#loginPanel {
    width: 100%;
}

#loginPanel td {
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
}

#loginPanel fieldset {
    width: 250px;
    padding: 20px;
}

#loginPanel .left {
    text-align: left;
    width: 60%;
}

#loginPanel .right {
    text-align: center;
    width: 40%;
}

#loginPanel .wwlbl label {
	width: 50px;
}

#loginPanel div.errorMessage {
	text-align: center !important;
	padding-left: 0;
}

#loginPanel #errors li {
	list-style-type: none;
	margin-left: 0;
	padding-bottom: 4px;
}

#loginPanel input.button {
	padding: 5px 10px 5px 10px;
    font-size: 110%;
}

/* View  Page Styles */
.viewItem {
	width: 100%;
	padding-top: 5px;
}

.viewGraphic {
	width: 230px;
	float: left;
	text-align: center;
	font-size: 75%;
}

.viewGraphic img {
	border: solid 1px #333;
	width: 200px;
	height: 200px;
}

.viewContent {
	width: 370px;
	float: left;
	text-align: left;
}

.viewContent .wwlbl label {
    width: auto;
}

.viewContent div.errorMessage {
    text-align: left !important;
    padding-left: 0;
}

.viewContent a {
	font-weight: bold;
}

/* List Page Styles */
.listItem {
	width: 100%;
}

.listGraphic {
	width: 90px;
	float: left;
	text-align: center;
	font-size: 75%;
}

.listGraphic img {
	border: solid 1px #333;
	width: 60px;
	height: 60px;
}

.listGraphic img.noThumbnail {
	border: none;
	height: 1px;
}

.listContent {
	width: 510px;
	float: left;
	text-align: left;
}

.listContent .wwlbl label {
    width: auto;
}

.listContent div.errorMessage {
    text-align: left !important;
    padding-left: 0;
}

.listContent a {
	font-weight: bold;
}

/* To-Do List */
#toDoList table {
	width: 100%;
	border: 1px solid #999;
}

#toDoList table td.checkbox {
	text-align: center;
	width: 5%;
	padding: 1px;
}

#toDoList table td.label {
	width: 95%;
	padding: 1px;
}

#toDoList table td label {
	float: none;
	display: inline;
	font-style: normal !important;
}