/*
+------------------------------------------------------------------------------+
|  File        : global.css                                                    |
|  Description : The site & sub-site wide default layout.  All layout related  |
|                items are contained here.  Colors are now split out into a new|
|                file global-colors.css.                                       |
+------------------------------------------------------------------------------+
| $Revision:: 888                                                            $:|
| $Date:: 2009-02-17 00:02:23 -0600 (Tue, 17 Feb 2009)                       $:|
| $Author:: david                                                            $:|
+------------------------------------------------------------------------------+
| $Id:: global.css 888 2009-02-17 06:02:23Z david                            $:|
+------------------------------------------------------------------------------+
*/
body {
	margin:0;
	padding:0;
	}
div {
	margin:0;
	padding:0;
	text-align:left;
	}
#wrapper {
	margin-bottom: 10px;
	}
#wrapper.centered {
	width:860px;
	margin:10px auto;
}
#wrapper.no-nav {
	width:886px;
}
#wrapper.nav-1 {
	width:1077px;
}
#wrapper.nav-2 {
	width:100%;
}

/* header */
#header {
	height:144px;
}

#header.no-nav { 
}
#header.nav-1 {
}
#header.nav-2 {
}

#header img.sitename{
	position:absolute;
	z-index:55;
	top:0px;
	left:0px;
	border:0px;
	height:144px;
}

#header.centered img.sitename{ 
	left:20%;
	margin:10px auto;
}
#header.no-nav img.sitename{ 
}
#header.nav-1 img.sitename{
}
#header.nav-2 img.sitename{
}

#header img.subline{
	position:absolute;
	z-index:65;
	top:0px;
	border:0px;
	height:144px;
}
#header.centered img.subline{ 
	right:20%;
	margin:10px auto;
}
#header.no-nav img.subline{ 
	left:600px;
}
#header.nav-1 img.subline{
	left:786px;
}
#header.nav-2 img.subline{
	right:0%;
}

#header img.foreground{
	position:absolute;
	z-index:45;
	top:0px;
	border:0px;
	height:144px;
}
#header.centered img.foreground{ 
	left:30%;
	margin:10px auto;
}
#header.no-nav img.foreground{ 
	left:250px;
}
#header.nav-1 img.foreground{
	left:400px;
}
#header.nav-2 img.foreground{
	right:5%;
}

#header h1 {
	margin:0;
	padding:20px;
	}
#header h1  a {
	letter-spacing:1px;
	}
#header h1 a:hover {}

.miniHeader {
	max-height:150px;
	max-width:300px;
}

#loginNavBar {
	width:800px;
	margin:20px auto 4px auto;
	text-align:right;
	}
#loginNavBar a {}
#loginNavBar a:hover {}


/* Top/Main Nav. */
#navigation {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#eee;
	padding:0.20em 0.1em;
	border:solid 1px #ccc;
	text-align:center;
	height:1.5em;
	}
	
#nav, #nav ul { /* all lists */
	list-style: none;
	padding: 0;
	margin: 0;
	width: auto;
    background-color: #396280;
	}

#nav a {
	display: block;
	left: -5em;
	text-decoration: none;
	color:#4f4f4f;
	width: auto;
	padding-left:0.85em;
	padding-right:0.85em;
	}

#nav .active {
	display: block;
	text-decoration: none;
	width: auto;
	}

#nav li { /* all list items */
	float: left;
	z-index: 12;
	position: relative;
	text-align: center;
	cursor: default;
	background:#eee;
	width: auto; /* width needed or else Opera goes nuts */
	}

#nav #first { /* all list items */
	float: left;
	z-index: 12;
	position: relative;
	text-align: center;
	cursor: default;
	width: auto; /* width needed or else Opera goes nuts */
	}

#nav li li a {
	display: block;
	font-weight: normal;
	
	}

#nav li li .active {
	display: block;
	font-weight: normal;
	color: #9DD2F4;
	}

#nav li li a:hover, #nav li li a.sfhover {
	background:#eee;
	color:#CF510C;
	}

#nav li li .active:hover, #nav li li .active.sfhover  {
	background-color: #9DD2F4;
	color: #838B8D;
	}

#nav li a:hover, #nav li a.sfhover {
	color:#CF510C;
    }

#nav li .active:hover, #nav li .active.sfhover {
	background-color: #9DD2F4;
	color: #838B8D;
	}

#nav li ul { /* second-level lists */
	position: absolute;
	z-index: 12;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	font-weight: normal;
	left: -999em; /* using left instead of display to hide menus because display: none isnt read by screen readers */
	}

#nav li ul li { /* second-level lists */
	padding-top: 2px;
	padding-bottom: 2px;
	}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	left: 0;
	}

/* subnav */
#subnav { 
	margin:0px 20px 15px 0px;
	}
#subnav a:link, #subnav a:visited {}
	
/* footer */
#footer { 
	text-align:center;	
	margin-top: 20px;
	padding:4px;
	}
#footer.centered {  }
#footer.no-nav { }
#footer.nav-1 { }
#footer.nav-2 { }
	
/* main features of the page */
#content {
	min-height:550px;
	}
#content #main {
	float:left;
	min-height:550px;
	margin-top:10px;
	margin-left:10px;
	position:relative;
}

#main.centered { width:840px; }
#main.no-nav { width:840px; }
#main.nav-1 { width:840px; }
#main.nav-2 { width:840px; }

/*** SIDE NAVIGATION ***/
/*** SIDE NAVIGATION ***/
#rsidenav {
	border-left:#214170 1px dotted;
	width: 15%;
	min-width:204px;
	position:relative; 
	float:right;
	height:1000px;
	padding:10px;
}

#rsidenav ul {
	width:187px;
	margin:20px 0 0 20px;
	list-style-type:none;
	padding:0;
}

#rsidenav ul li {
	width:187px;
	position:relative;
	float:left;
	margin:0;
	padding:0;
}

#rsidenav ul li.sn-title h5 {
	margin:0;
}

#rsidenav ul li ul {
	width:auto;
	position:relative;
	float:left;
	margin:0 0 0 10px;
	list-style-type:none;
}

#rsidenav ul li ul li {
	width:100%;
	position:relative;
	float:left;
}

#rsidenav li a,
#rsidenav li a:link,
#rsidenav li a:visited {}

#rsidenav li a:hover,
#rsidenav li a:active {}

#lsidenav {
	border-right:#214170 1px dotted;
	width:13%;
	min-width:187px;
	position:relative;
	float:left;
	height:1000px;
}

#lsidenav ul {
	margin:20px 0 0 20px;
	list-style-type:none;
	padding:0;
}

#lsidenav ul li {
	position:relative;
	float:left;
	margin:0;
	padding:0;
}

#lsidenav ul li.sn-title h5 {
	margin:0;
}

#lsidenav ul li ul {
	width:157px;
	position:relative;
	float:left;
	margin:0 0 0 10px;
	list-style-type:none;
}

#lsidenav ul li ul li {
	width:100%;
	position:relative;
	float:left;
}

#lsidenav li a,
#lsidenav li a:link,
#lsidenav li a:visited {}

#lsidenav li a:hover,
#lsidenav li a:active {}
/***************************/
#content h1, #content h2, #content h3, #content h4, #content h5 {}
#content h1 {
	padding:10px 0 25px 0;
	margin:0;
	}
#content h2 {
	margin:16px 0 8px 0;
	}
#content h3 {
	margin:16px 0 4px 0;
	}
#content h4 {
	margin:10px 0 4px 0;
	}
#content p, #content li {
	line-height:150%;
	}
#content dl.offspring {
	padding-bottom:16px;
	margin-bottom:16px;
	}
#content dt {
	padding:4px;
	}
#content dd {
	margin:0;
	padding:6px 12px 6px 6px;
	}
	
/* common links */
#content a:link, #content a:visited {}
#content a:hover {
	border-bottom:solid 1px #1ebaea;
	}
#content h2 a:hover {}
#content th, #content td {}
	
/* common form elements */
#content input, #content select, #content option, #content textarea {}
#content fieldset {
	padding:0;
	margin-bottom:18px;
	}
#content legend {
	letter-spacing:1px;
	}
.input, .select, .textarea {
	width:400px;
	}
.textarea-wide {
	width:600px;
	}
.button {
	padding:2px 8px;
	}
#content ol li {
	padding-bottom:12px;
	}

/* bbcode editor box */
#editform {}
.bb_button {
	margin:2px 1px 3px 1px;
	}
.form_elements_text {}
#delete, #added, #errors {
	margin:10px 0 20px 0;
	padding:0 10px 10px 10px;
	}
	
/* errors from submitted forms */
#errors {}
#errors h2 {}
#subject, #subject p, #subject label {
	visibility:hidden;
	display:none;
	}
	
/* various other classes */
p.tell-a-friend {
	margin:30px 0;
	}
.parent {}
.child {
	padding-left:15px;
	}
.grandchild {
	padding-left:30px;
	}
.event_title, .comments_title, .action_title {}
.news {
	margin-bottom:30px;
	}
#content h2.headline {
	margin:4px 0 20px 0;
	}
.event, .action, .committees, .offpsring {
	padding:0 12px 12px 12px;
	margin-bottom:16px;
	}
.expand {
	padding:5px;
	margin-bottom:5px;
	}
.event_signup {
	padding:0 12px 12px 12px;
	margin:18px 0;
	}
.redtext {}
.gray {}
.normal {}
.uber {}
.petitions, .boycotts, .fundraisers, .eletters {
	margin-bottom:40px;
	}
.underline {}
.strike {}
.attention {
	padding-left:12px; 
	}
	
/* ACTIONS */
.uber {}
.sponsor {}
.co-sponsor {}
.participate {}
.support {}
.not_support {}
.abstain {}
.none {}
.percentage {}
.org {
	margin:0;
	padding:0 2px 2px 4px;
	}
	
.wraplogo {
	float:left;
	padding-right: 30px;
}

/* ADMIN C-PANEL */
#content .admin-menu {
	float:left;
	width:100%;
	padding:10px 0;
	margin-bottom:16px;
	}
#content .admin-menu h2 {
	padding:12px;
	}
#content .admin-menu dl {
	margin:0 20px 25px 20px;
	padding:0 0 0 60px;
	}
#content .admin-menu dd {
	margin:0;
	padding:0;
	}
#content .admin-menu dt {
	margin:0;
	padding:0;
	}
#content .clear-both {
	clear:both;
	}
#content dl.profile {
	background:transparent url(/images/admin/profile.png) no-repeat left top;
	}
#content dl.facilitation {
	background:transparent url(/images/admin/facilitation.png) no-repeat left top;
	}
#content dl.surveys {
	background:transparent url(/images/admin/surveys.png) no-repeat left top;
	}
#content dl.organization {
	background:transparent url(/images/admin/org.png) no-repeat left top;
	}
#content dl.vote {
	background:transparent url(/images/admin/vote.png) no-repeat left top;
	}
#content dl.message {
	background:transparent url(/images/admin/message-center.png) no-repeat left top;
	}
#content dl.actions {
	background:transparent url(/images/admin/actions.png) no-repeat left top;
	}
#content dl.actionoffspring {
	background:transparent url(/images/admin/action-offspring.png) no-repeat left top;
	}
#content dl.petitions {
	background:transparent url(/images/admin/petition.png) no-repeat left top;
	}
#content dl.boycotts {
	background:transparent url(/images/admin/boycott.png) no-repeat left top;
	}
#content dl.fundraisers {
	background:transparent url(/images/admin/fundraiser.png) no-repeat left top;
	}
#content dl.eletters {
	background:transparent url(/images/admin/eletter.png) no-repeat left top;
	}
#content dl.calendar {
	background:transparent url(/images/admin/calendar.png) no-repeat left top;
	}
#content dl.articles {
	background:transparent url(/images/admin/news-article.png) no-repeat left top;
	}
#content dl.announcements {
	background:transparent url(/images/admin/announcements.png) no-repeat left top;
	}
#content dl.resources {
	background:transparent url(/images/admin/resources.png) no-repeat left top;
	}
#content dl.tags {
	background:transparent url(/images/admin/tags.png) no-repeat left top;
	}
#content dl.uploads {
	background:transparent url(/images/admin/upload.png) no-repeat left top;
	}
#content dl.uberadmin {
	background:transparent url(/images/admin/uber.png) no-repeat left top;
	padding:0 0 20px 60px;	
	}
#content dl.cmmttee {
	background:transparent url(/images/admin/uber-committee.png) no-repeat left top;
	padding:0 0 20px 60px;	
	}
#content dl.logout {
	background:transparent url(/images/admin/logout.png) no-repeat left top;
	padding:0 0 20px 60px;	
	}
#content dl.stats {
	background:transparent url(/images/admin/uber-stats.png) no-repeat left top;
	padding:0 0 20px 60px;	
	}
#content dl.css {
	background:transparent url(/images/admin/uber-style.png) no-repeat left top;
	padding:0 0 20px 60px;	
	}
#content dl.preferences {
	background:transparent url(/images/admin/uber-preferences.png) no-repeat left top;
	padding:0 0 20px 60px;	
	}
#content dl.backup-db {
	background:transparent url(/images/admin/uber-db-backup.png) no-repeat left top;
	padding:0 0 20px 60px;	
	}
#content dl.uploads {
	background:transparent url(/images/admin/upload.png) no-repeat left top;
	padding:0 0 20px 60px;	
	}
#content dl.email-blasts {
	background:transparent url(/images/admin/uber-email-blast.png) no-repeat left top;
	padding:0 0 20px 60px;	
	}
#content dl.announcements {
	background:transparent url(/images/admin/announcements.png) no-repeat left top;
	padding:0 0 20px 60px;	
	}
#content dl.forums {
	background:transparent url(/images/admin/uber-forums.png) no-repeat left top;
	padding:0 0 20px 60px;	
	}
#content dl.users {
	background:transparent url(/images/admin/uber-users.png) no-repeat left top;
	padding:0 0 20px 60px;	
	}
#content dl.profile, #content dl.facilitation, #content dl.surveys, #content dl.organization, #content dl.vote, #content dl.message, #content dl.actions, #content dl.actionoffspring, 
#content dl.petitions, #content dl.boycotts, #content dl.fundraisers, #content dl.eletters, #content dl.calendar, #content dl.articles, #content dl.announcements, #content dl.resources,
#content dl.tags, #content dl.uploads, #content dl.uberadmin, #content dl.cmmttee, #content dl.logout, #content dl.stats, #content dl.css, 
#content dl.preferences, #content dl.backup-db, #content dl.uploads, #content dl.email-blasts, #content dl.announcements, 
#content dl.forums, #content dl.users {
	padding:0 0 20px 60px;
	min-height:55px;
	}
.vote-box {
	margin:0 0 20px 0;
	padding:12px;
	border:solid 1px #bbb;
	}

/* CALENDAR  */
#list-of-events {
	margin-bottom:40px;
	}
#event {
	margin-bottom:24px;
	padding:0 0 16px 0;
	}
#calendar_container {
	padding:0;
	margin:0 auto;
	}
#calendar_container h2 {
	text-align:center;
	}
#calendar_table {
	width:100%;
	margin-bottom:12px;
	}
#calendar_table td, #calendar_table th {
	padding:5px;
	}
#calendar_table th {}
.dayheadings {}
.next {
	text-align:right;
	}
.previous {
	text-align:left;
	}
.jumpmenu {
	text-align:center;
	}
.month_day {}
.non_monthday {}
.today {}

/* FORUMS */
#breadcrumbs {
	margin:-10px 0 25px 0;
	}
a#new_topic,a#new_reply {
	text-align:center;
	padding:2px 30px;
	}
a#new_topic:hover, a#new_reply:hover {}
.post {
	margin-bottom:12px;
	}
.post-time {
	padding:5px;
	}
.post-subject {
	padding:8px;
	}
.post-user {
	text-align:right;
	padding:5px;
	}
.post-content p {
	padding:4px 20px;
	}
.sticky {}
.closed {}
.underline {}
.editpost {
	text-align:right;
	padding-right:12px;
	}
#preview_container {
	padding:0;
	}
#preview {
	padding:12px;
	}
#preview_container h2 {
	margin:0;
	padding:4px;
	}
#welcome {
	margin:0 0 15px 0;
	padding:4px;
	text-align:center;
	}

/* Resources */
#resource-menu {
	margin-top:30px;
	clear:both;
	}
#resource-menu ul {
	margin:0;
	padding:0;
	list-style:none;
	}
#resource-menu li {
	display:inline;
	}
#resource-menu li.menu-heading {}
#resource-menu li a {
	margin:0 2px;
	}
#resource-menu ul#resources li a {
	padding:2px;
	}
#resource-menu ul#resources li a:hover {}
	
#resource-comments {
	margin-bottom:5px;
}
	
.comment {
	margin-bottom: 40px;
}

.comment-head {
	padding: 5px;
}

.comment-body {
	padding: 5px;
	min-height: 105px;
}

.comment-subject {
	padding-left: 10px;
}

.comment-foot {}

.comment-foot .leftFootPanel {
	text-align: left;
	padding-bottom: 5px;
	padding-left: 5px;
	width:50%;
	float: left;
}

.comment-foot .rightFootPanel {
	text-align: right;
	padding-bottom: 5px;
	padding-right: 5px;
	width:50%;
	float: right;
	margin-left:-50px;
}

.commentAvatar {
	float:left;
	margin: 0 0 5px 5px;
	padding-right: 10px;
	margin-right:10px;
}

#resource-comments-admin {
	list-style-type:none;
	float:left;
	padding:0;
	margin:0;
	width:100%;
}

#resource-comments-admin li {
	width:100%;
	padding:0;
	margin:0;
	float:left;
}

#resource-comments-admin li p.res-name {
	width:80%;
	margin:0;
	padding:0;
	float:left;
}
#resource-comments-admin li p.cmnts-total {
	width:20%;
	margin:0;
	padding:0;
	float:left;
}

#resource-comments-admin li ul {
	width:100%;
	padding:0;
	margin:0;
	float:left;
	list-style-type:none;
}

#resource-comments-admin li ul li {
	width:99.5%;
	float:left;
	margin:0;
	padding:0;
}

#resource-comments-admin li ul li .comment-info {
	width:100%;
	height:30px;
	margin:0;
	padding:0;
	float:left;
}

#resource-comments-admin li ul li .comment-info .author {
	margin:2px 0 0 5px;
	padding:0;
	float:left;
	width:60%;
}

#resource-comments-admin li ul li .comment-info .date {
	margin:2px 0;
	padding:0;
	float:left;
	width:29%;
}

#resource-comments-admin li ul li .comment-info a.modify,
#resource-comments-admin li ul li .comment-info a.delete {
	width:22px;
	height:22px;
	margin:4px 5px;
	padding:0;
	float:left;
}

#resource-comments-admin li ul li .comment {
	display:none;
	overflow:auto;
	width:0;
	height:0;
	float:left;
	margin:0;
	padding:0;
}

/* TOOLTIPS */
#tooltip {
	position: absolute;
	z-index: 99;
	padding: 5px;
}
#tooltip h3, #tooltip div {
	margin: 0;
}
a.tooltip {
	position:relative;
    font-size:80%;
    padding:0pt;
	z-index:1;
  	}
a.tooltip:hover {
	z-index:2; 
  	}
a.tooltip span {
	display: none;
	}
a.tooltip:hover span { 
	display:block;
	position:absolute;
	z-index:10; 
	width:150px; 
	top:2.25em;
	left:0;
	padding:5px 10px 10px 10px;
	}
a.tooltip:hover span strong { 
	display:block;
	margin-bottom:10px;
	}

.indented {
	padding-left:10px;
	padding-right:10px;
}

/* GENERAL FORMATTING */
.hide   { display:none; }

.noList { list-style:none; }
	
.justify {
	text-align:justify;
}

a img {
	text-decoration:none;
	border:none;
	}
	
.leftCol {
	width:48%;
	float: left;
	
	}
	
.rightCol {
	width:48%;
	float: left;
	margin-left:4%;
	}

.leftPanel {
	width:340px;
	float: left;
	
	}

.rightPanel {
	width:440px;
	float: left;
	padding-left:20px;
	}

.smallLeftPanel {
	width:auto;
	float: left;
	padding:5px;
}

.smallRightPanel {
	padding:5px;
	width:375px;
	float: left;
}
	
.leftTagPanel {
	width:365px;
	float:left;
	}
			
.rightTagPanel {
	width:435px;
	padding-left:20px;
	}

.leftFacilitatorPanel {
	width:300px;
	height:300px;
	float: left;
	}
			
.rightFacilitatorPanel {
	width:500px;
	float: right;
	}

#facilitatorUsers {
	margin:2px;
	padding:10px 10px;
}

#facilitatorAttempt {
	margin:2px;
	padding:10px 10px;
}

#facilitatorSurvey {
	margin:2px;
	padding:10px 10px;
}

#loader {
	width:250px;
	height:55px;
	position:absolute;
	z-index:99;
	top:50%;
	left:50%;
	margin:-28px auto auto -125px;
	}
	
#loader div.load-title {
	width:250px;
	height:18px;
	position:absolute;
	display:block;
	top:0;
	left:0;
	padding:0;
	}
	
#loader div.load-info {
	width:240px;
	height:37px;
	position:absolute;
	top:18px;
	left:5px;
	}
#loader div.load-info p {
	width:240px;
	height:37px;
	position:absolute;
	top:2px;
	left:0;
	margin:0;
	padding:0;
	text-align:center;
	}

#main #survey-left {
	width:185px;
	position:relative;
	float:left;
	margin:5px;
	}
	
#main #survey-right {
	width:600px;
	position:relative;
	float:right;
	margin:5px;
	}

#main #success {
	width:90%;
	height:auto;
	margin:0 5% 10px;
	float:left;
	text-align:center;
	}
	
ul#respondants {
	width:185px;
	float:left;
	list-style-type:none;
	padding:0;
	margin:0;
	}
ul#respondants li {
	width:180px;
	margin:2px 5px 0 0;
	padding:0;
	}

ul#respondants li a,
ul#respondants li a:link,
ul#respondants li a:visited {}
ul#respondants li a:hover,
ul#respondants li a:active {}

ul#respondants li a img {
	border:0;
	width:16px;
	height:17px;
	margin:0 5px 0 0;
	vertical-align:middle;
	}
	
ul#respondants li a img.attempt-0 {}
ul#respondants li a img.attempt-1,
ul#respondants li a img.attempt-2 {}
ul#respondants li a img.attempt-3,
ul#respondants li a img.attempt-5 {}
ul#respondants li a img.attempt-4,
ul#respondants li a img.attempt-7 {}
ul#respondants li a img.attempt-6 {}
ul#respondants li a img.attempt-8,
ul#respondants li a img.attempt-9 {}
ul#respondants li a img.attempt-10 {}

a.sidenav-add,
a:link.sidenav-add,
a:visited.sidenav-add {
	padding:2px 5px;
	margin:0;
	text-align:center;
}

a:hover.sidenav-add,
a:active.sidenav-add {
	background-color:#00688b;
	color:#fff !important;
	border:1px solid #0198e1;
}

input.iframeSubmit {
	width: 64px;
	height:32px;
	text-align:left;
}

input#addressBar {
	padding:2px 3px;
}

.userRightSmall {
	width:255px !important;
}

.currency {
	text-align:right;
}

#big {
	margin:0 auto;
	}

.smallBtn {
	width: 22px;
	height: 22px;
	}
	
.filterOptions {
	float:right;
	padding-top:10px;
	}
	
.entityDetailTitle {
	font-weight:bold;
	font-size:160%;
	margin:0 0 0.5em;
	border-bottom:2px solid #bbb;
}

.linkText {}

.linkText:hover {}

.hide   { display:none; }

.noList { list-style:none; }

#orgList {
	width:100%;
}

.orgListItem {
	width:100%;
	min-height:120px;
}

.orgLogo {
	width:25%;
	float:left;
}
.orgDetail {
	width:70%;
	float:left;
}

.faqCategory {
	font-weight:bold;
	text-decoration:underline;
}

.faqLinks {
	text-align:center;
}

.faqQ {
	font-weight:bold;
}

.faqA {
	text-align:justify;
	margin-right:20px;
}

.dropCap {
	float:left;
	color:#001F56;
	font-size:50px;
	font-weight:bold;
	line-height:30px;
	margin: 6px 4px 2px 0;
	font-family: Times, serif, Georgia;
}

.doubleLineBreak {
	margin: 0 0 30px 0;
}

.quotedMessage {
	border: 1px solid #bbb; 
	padding: 15px; 
	background-color: rgb(204, 204, 204);
	font-style: italic;
}

.quotes {
	margin-left: 120px;
	margin-right: 10px;
	border: 1px dotted #bbb; 
	padding: 15px; 
	background-color: rgb(204, 204, 204);
	font-style: italic;
}

.indent {
	padding: 25px; 
}

#systemReqTitle,
.systemReqTitle
{
    font-size: 1.1em;
    font-weight: bold;    
    margin-bottom: 7px;
}

#systemReqText,
.systemReqText
{
    margin: 15px 100px 40px 0;
    text-align: right;
    font-size: 0.9em;
    color: #778A98;
}

#systemReq td,
#systemReqBottom td,
.systemReq td,
.systemReqBottom td
{
    color: #A7BAC8;
    padding: 4px 10px;
    margin-bottom: 2px;
}

#systemReq .top-span,
.systemReq .top-span
{
    width: 14%;
}

#systemReq #top-left,
.systemReq #top-left
{
    width: 20%;
}

#systemReq .highlight0,
#systemReqBottom .highlight0,
.systemReq .highlight0,
.systemReqBottom .highlight0
{
    background: #021422;
}

#systemReq .highlight,
#systemReqBottom .highlight,
.systemReq .highlight,
.systemReqBottom .highlight
{
    background: #223748;
}

#systemReq .highlight2,
#systemReqBottom .highlight2,
.systemReq .highlight2,
.systemReqBottom .highlight2
{
    background: #425768;
}

.firstlayer {
    font-size: 20px;
    font-weight: bold;
    color: #001F56;
    position: absolute;
    top: 18px;
    left: 0px;
    z-index: 1;
}

.secondlayer {
    font-size: 20px;
    font-weight: bold;
    color: #aaa;
    position: absolute;
    top: 20px;
    left: 2px;
    z-index: 0;
}