/*
PoliceCommunity.net Screen CSS
*/

/*
STYLES INDEX

A. Global
B. Site Container
C. Header
D. Navigation
E. Content Container
F. Home Page
G. Distance Learning
H. Registration, Payment, & Receipt 
I. My Profile
J. Group Admin & TRN Admin
K. Footer
L. Overlay
M. Standards-based CSS Fixes
N. Railsware Additions
O. System Requirements
*/


/* @group Global Styles
=============================
A. Global Styles
=============================
*/

/* Global Margin & Padding Reset */

*
{
  margin: 0;
  padding: 0;
}

/* Global Body Styles */

body
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: arial, verdana, sans-serif;
	color: #000;
}

body.home
{
  background: #fff url(/images/header/header-bkgd.jpg) repeat-x top left;
}

body.sub
{
  background: #fff url(/images/header/header-subpage-bkgd.jpg) repeat-x top left;
}

body.no_sub
{
  background: #fff url(/images/header/header-bkgd.jpg) repeat-x top left;
}

/* Global Link Styles */

a:link,
a:visited
{
  color: #000;
  font-weight: 900;
  text-decoration: underline;
}

a:link.lt-blue, a:visited.lt-blue
{
  color: #39f;
  font-weight: 900;
  text-decoration: underline;
}

a:link.help, a:visited.help
{
	color: blue;
	text-decoration: none;
	font-weight: normal;
	margin-left: -16px;
}
a:hover.help
{
	text-decoration: underline;
}

a:hover
{
  text-decoration: none;
}

a:active
{
  text-decoration: underline;
}

/* Global Image Styles */

img
{
  border: 0;
}

img.middle
{
  vertical-align: middle;
}


/* Global Text Header Styles */

h1
{
  margin: 0 0 15px 0;
  font-size: 26px;
  line-height: 26px;
}

h2
{
  margin: 0 0 15px 0;
  font-size: 18px;
  line-height: 20px;
}
      
h3
{
  margin: 0 0 15px 0;
  font-size: 14px;
  line-height: 14px;
}

h4
{
  margin: 0 0 10px 0;
  font-size: 12px;
  line-height: 12px;
}

h5
{
  font-size: 11px;
  line-height: 11px;
}

/* Global Paragraph Styles */

p, .bodytext
{
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
  color: #515151;
}

p.caption
{
  margin: 0;
  font-size: 10px;
  line-height: 12px;
  color: #515151;
}

/* Forms */

form
{
  position: relative;
  margin: 0;
}

form p
{
  margin: 0 0 10px 0 !important;
}

label
{
  color: #515151;
  font-size: 11px;
  line-height: 18px;
  text-transform: uppercase;
  white-space: nowrap;
}

form fieldset
{
  padding: 0 0 10px 0;
  border: 0;
}

form fieldset legend
{
  margin: 0 0 10px 0;
  padding: 0;
  color: #000;
  font-size: 14px;
  font-weight: 900;
}

form input,
form select
{
  padding: 3px;
  font-size: 12px;
}

form select
{
  width: 210px;
}

form .checkbox,
form .radio
{
  margin: -2px 0 0 0;
  padding: 0;
  vertical-align: middle;
}

form textarea
{
  width: 400px;
  height: 100px;
  font-family: arial, verdana, sans-serif;
  padding: 3px;
  font-size: 12px;
  line-height: 15px;
}

form .inputbox
{
  width: 200px;
}

form p.state,
form p.zip,
form p.month,
form p.year
{
  float: left;
}

form p.state select
{
  width: 100px;
  margin: 0 15px 0 0;
}

form p.zip .inputbox
{
  width: 85px;
}

form .form-help-text
{
  margin: 0;
  font-size: 11px;
}

form #key
{
  margin: 0 0 15px 0;
  font-weight: 900;
  font-size: 12px;
  color: red;
}

form .single#key
{
  margin: 15px 0 0 0;
}

table.form-three-column
{
  width: 645px;
  padding: 0;
  border-collapse: collapse;
  border: 0;
}

table.form-three-column td,
table.form-two-column td
{
  width: 200px;
  padding: 0 15px 0 0;
}

table.form-two-column
{
  width: 430px;
  padding: 0;
  border-collapse: collapse;
  border: 0;
}

#form-footer
{
  padding: 10px 0 0 0;
  border-top: 1px solid #1e317a;
}

#form-footer .first-column
{
  float: left;
}

#form-footer .second-column
{
  float: right;
}

img.cancel
{
  margin: 8px 0 0 0;
}

input.cancel
{
  margin: 5px 0 0 0;
}

input.editinfo
{
  margin: 6px 0 0 0;
}

/* Global Required & Error Form Styles */

p.flash-notice,
p.flash-error
{
  font-size: 14px;
  line-height: 14px;
  font-weight: 900;
}

p.flash-notice
{
  color: green;
}

p.flash-error
{
  color: red;
}

.errorExplanation
{
  margin: 0 0 15px 0;
  padding: 10px;
  color: red;
  font-size: 11px;
  line-height: 14px;
  border: 1px solid red;
  background: #ffe7e7;
}

.errorExplanation h2
{
  margin: 0 0 7px 0;
  font-size: 12px;
  line-height: 16px;
}

.errorExplanation ul
{
  margin: 0 !important;
  padding: 0 0 0 15px;
  color: red !important;
}

.required
{
  font-weight: 900;
	color: red !important;
}

.required label
{
  font-weight: normal;
  color: red !important;
}

.note
{
  color: #515151;
  font-size: 11px;
  line-height: 13px;
}

/* Global Text Color Styles */

.blue
{
  color: #091c6a;
}

.blue-strong
{
  color: #091c6a;
  font-weight: 900;
}

.orange
{
  color: #b87100;
}

.purple
{
  color: #751698;
}

.gray
{
  color: #333;
}

.inline
{
  float: left;
}


/* Global Ad Banner Styles */

.ad-banner
{
  border: 1px solid #3a3939;
}

/* Global Round Corner Box Styles */

.round-corners
{
  position: relative;
  top: 3px;
}

.round-corners-gutter
{
  padding: 4px 5px;
}

.round-corners-gutter-video
{
	padding: 0px;
}
/* @end */

/* @group Site Container Styles
=============================
B. Site Container Styles
=============================
*/

#site-wrapper
{
	width: 964px;
	margin: 0 auto;
  padding: 0 15px;
}
/* @end */

/* @group Header Styles
=============================
C. Header Styles
=============================
*/

/* Header Logo Styles */

#header #logo
{
  position: relative;
  float: left;
}

#header #logo img#pcn-logo-print
{
  display: none;
}

#header #logo img.preparetolead-animation
{
  position: absolute;
  top: 65px; 
  left: 80px;
}

/* Header Ad Banner Styles */

#header .ad-banner
{
  float: right;
  margin: 14px 0 0 0;
}

/* Header Partners Styles */

#header #partners
{
  float: right;
  margin: 14px 0 0 0;
}

#header #partners h4
{
  margin: 0 0 9px 15px;
  color: #fff;
}

#header #partners ul
{
  margin: 0;
  padding: 0;
}

#header #partners ul li
{
  float: left;
  padding: 0 0 0 15px;
  list-style: none;
}
/* @end */

/* @group Navigation Styles
=============================
D. Navigation Styles
=============================
*/

/* Header Navigation Styles */

#header #navigation
{
  clear: both;
}

#header #navigation ul
{
  margin: 0;
  padding: 0;
}

#header #navigation ul li
{
  list-style: none;
}

/* Header Navigation Primary Nav Styles */

#header #navigation .primary-nav
{
  float: left;
  border-left: 1px solid #000;
}

#header #navigation .primary-nav-right
{
  float: right !important;
}

#header #navigation .primary-nav li
{
  float: left;
  font-size: 11px;
  text-align: center;
}

#header #navigation .primary-nav a:link,
#header #navigation .primary-nav a:visited
{
  position: relative;
  display: block;
  padding: 6px 15px 5px 15px;
  color: #fff;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border-right: 1px solid #000;
}

#header #navigation .primary-nav a:hover,
#header #navigation .primary-nav a:active
{
  background: #525252 url(/images/navigation/navigation-over-bkgd.jpg) repeat-x top left;
}

#header #navigation .primary-nav a:link.selected,
#header #navigation .primary-nav a:visited.selected,
#header #navigation .primary-nav a:hover.selected,
#header #navigation .primary-nav a:active.selected
{
  color: #ffeb00;
  background: #b0b0b0 url(/images/navigation/navigation-on-bkgd.jpg) repeat-x top left;
}

#header #navigation .primary-nav a:link.selected-sub,
#header #navigation .primary-nav a:visited.selected-sub,
#header #navigation .primary-nav a:hover.selected-sub,
#header #navigation .primary-nav a:active.selected-sub
{
  color: #ffeb00;
  background: #b0b0b0 url(/images/navigation/navigation-on-sub-bkgd.jpg) repeat-x top left;
}

#header #navigation .primary-nav a:link#signup,
#header #navigation .primary-nav a:visited#signup
{
  background: #031463 url(/images/navigation/navigation-signup-bkgd.jpg) repeat-x top left;
}

#header #navigation .primary-nav a:hover#signup,
#header #navigation .primary-nav a:active#signup
{
  background: #031463 url(/images/navigation/navigation-signup-over-bkgd.jpg) repeat-x top left;
}

#header #navigation .primary-nav a:link#signup.selected,
#header #navigation .primary-nav a:visited#signup.selected,
#header #navigation .primary-nav a:hover#signup.selected,
#header #navigation .primary-nav a:active#signup.selected
{
  background: #031463 url(/images/navigation/navigation-signup-on-bkgd.jpg) repeat-x top left;
}

#header #navigation .primary-nav a:link#login,
#header #navigation .primary-nav a:visited#login
{ 
  background: #f2a200 url(/images/navigation/navigation-login-bkgd.jpg) repeat-x top left;
}

#header #navigation .primary-nav a:hover#login,
#header #navigation .primary-nav a:active#login
{
  background: #f2a200 url(/images/navigation/navigation-login-over-bkgd.jpg) repeat-x top left;
}

#header #navigation .primary-nav a:link#login.selected,
#header #navigation .primary-nav a:visited#login.selected,
#header #navigation .primary-nav a:hover#login.selected,
#header #navigation .primary-nav a:active#login.selected
{
  background: #f2a200 url(/images/navigation/navigation-login-on-bkgd.jpg) repeat-x top left;
}

#header #navigation .primary-nav a:link#admin,
#header #navigation .primary-nav a:visited#admin
{ 
  background: #1d5617 url(/images/navigation/navigation-admin-bkgd.jpg) repeat-x top left;
}

#header #navigation .primary-nav a:hover#admin,
#header #navigation .primary-nav a:active#admin
{
  background: #1d5617 url(/images/navigation/navigation-admin-over-bkgd.jpg) repeat-x top left;
}

#header #navigation .primary-nav a:link#admin.selected,
#header #navigation .primary-nav a:visited#admin.selected,
#header #navigation .primary-nav a:hover#admin.selected,
#header #navigation .primary-nav a:active#admin.selected
{
  background: #1d5617 url(/images/navigation/navigation-admin-on-bkgd.jpg) repeat-x top left;
}

#header #navigation .primary-nav a.selected#signup,
#header #navigation .primary-nav a.selected#login,
#header #navigation .primary-nav a.selected#admin
{
  color: #fff;
}

/* Header Navigation Secondary Nav Styles */

#header #navigation #secondary-nav
{
  clear: left;
  padding: 4px 0;
}

#header #navigation #secondary-nav li
{ 
  display: inline;
  padding: 0 15px 0 0;
  font-size: 11px;
}

#header #navigation #secondary-nav a:link,
#header #navigation #secondary-nav a:visited
{
  color: #000;
  font-weight: normal;
  text-decoration: none;
}

#header #navigation #secondary-nav a:hover,
#header #navigation #secondary-nav a:active
{
  text-decoration: underline;
}

#header #navigation #secondary-nav a:link.selected,
#header #navigation #secondary-nav a:visited.selected,
#header #navigation #secondary-nav a:hover.selected,
#header #navigation #secondary-nav a:active.selected
{
  font-weight: 900 !important;
  text-decoration: none;
}
/* @end */

/* @group Content Container Styles
=============================
E. Content Container Styles
=============================
*/

/* Main Body Styles */

#main-body
{
	width: 964px;
  padding: 15px 0;
}

body.home  #main-body
{
  padding: 15px 0 0 0;
}

/* Content Container Styles */

#content
{
  float: left;
	width: 822px;
  padding: 0 15px 0 0;
}

#content p
{
  margin: 0 0 15px 0;
  line-height: 16px;
}

#content ul,
#content ol
{
  margin: 0 0 15px 15px;
  color: #515151;
}

/* Content Container - 2 Column Layout Styles */

#one-column,
#two-column
{
  width: 822px;
  border-top: 1px solid #1e317a;
}

#one-column  .content-block
{
  padding: 15px 0 0 0;
}

#two-column #first-column
{
  float: left;
  width: 410px;
  border-right: 1px solid #1e317a;
}

#two-column #first-column .content-block
{
  padding: 15px 15px 15px 0;
}

#two-column #first-column .last
{
  padding: 15px 15px 0 0;
}

#two-column #second-column
{
  float: right;
  width: 411px;
}

#two-column #second-column .content-block
{
  padding: 15px 0 15px 15px;
  border-bottom: 1px solid #1e317a;
}

#two-column #second-column .last
{
  padding: 15px 0 0 30px;
  border-bottom: 0;
}

.content-block h3
{
  margin: 0 0 10px 0;
}

/* Content Feature Styles */

dl.content-feature
{
  padding: 10px 0 0 0;
}

dl.content-feature dt
{
  float: left;
  padding: 0 20px 0 0;
}

dl.content-feature dd.title
{
  margin: 0 0 7px 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 900;
}

dl.content-feature dd.blurb
{
  padding: 0 0 7px 63px;
  color: #515151;
  font-size: 12px;
  line-height: 18px;
}

/* Ad Banner Right Column Styles */

#right-column
{
  float: right;
	width: 122px;
}


/*
=============================
F. Home Page Styles
=============================
*/

/* Homepage Global Styles */

#primary-row,
#secondary-row,
#tertiary-row
{
  width: 822px;
}

/* Homepage Primary Row Styles */

#primary-row
{
  padding: 0 0 18px 0;
}

/* Homepage RSS Box */

#primary-row #rss
{
  margin: 0 0 20px 0;
	font-size: 11px;
  line-height: 18px;
  border: 1px solid #e1e1e1;
  background: #efefef;
}

#primary-row #rss #rss-news
{
  float: left;
}

#primary-row #rss #rss-news a
{
  padding: 3px 0 3px 23px;
  background: #efefef url(/images/icons/rss-icon.jpg) no-repeat left 50%;
}

#primary-row #rss #rss-marquee
{
	float: right;
	width: 748px;
}

#primary-row #rss #rss-marquee marquee .news_marquee
{
  color: #515151;
	padding-right: 20px;
}

#primary-row #rss a:link,
#primary-row #rss a:visited
{
  color: #f36a1b;
  font-weight: 900;
  text-decoration: none;
}

/* Homepage Intro Blurb */

#primary-row #intro-blurb
{
  padding: 0 0 15px 0;
  /*margin: 0 0 15px 0;*/
  /*border-bottom: 1px solid #1e317a;*/
  position: relative;
}

#primary-row #intro-blurb #main-blurb-buttons
{
  position: absolute;
  top: 120px;
  /*bottom: 55px;*/
  right: 7px;
}

#primary-row #intro-blurb #main-blurb-buttons img
{
  margin: 0 0 3px 0;
}


#primary-row #intro-blurb p
{
  margin: 0;
  font-size: 14px;
  line-height: 18px;
}

#primary-row #intro-blurb a
{
  color: #515151;
  font-weight: normal;
}

#primary-row #intro-blurb h2
{
	margin-top:  25px;
}

/* Homepage Main Blurb */

#primary-row #main-blurb
{
  float: left;
  width: 595px;
  padding: 0 10px 0 0;
  border-right: 1px solid #1e317a;
}

#primary-row #main-blurb h1
{
  font-size: 24px;
  margin: 0 0 10px 0;
}

#primary-row #main-blurb p
{
  margin: 0 0 10px 0;
}

/* Homepage Partners */

#primary-row #partners
{
  float: right;
  width: 206px;
  padding: 0 0 0 10px;
}

#primary-row #partners h5
{
  margin: 0 0 10px 0;
}

#primary-row #partners ul
{
  margin: 0;
}

#primary-row #partners ul li
{
  float: left;
  padding: 0 8px 0 0;
  list-style: none;
}

#primary-row #partners ul li.last
{
  padding: 0;
}

#leader
{
	margin-top: 18px;
}

#content #points {
	list-style-type: none;

	padding: 0;
	margin: 0;
	margin-left: 8px;
	margin-top: 18px;

	width: 610px;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#content #points li {
	background-image: url("/images/home/bullet.png");
	background-repeat: no-repeat;
	background-position: 0 .16em;
	padding-left: 1.6em;
	padding-bottom: 18px;
}

/* Homepage Secondary Row Styles */

#secondary-row
{
  /*margin: 0 0 15px 0;*/
  padding: 8px 0 10px 0;
  margin-top: -10px;
  /*border-top: 1px solid #1e317a;*/
  position: relative;
}

/* Homepage Video */

#secondary-row #video-container
{
  float: right;
  width: 380px;
  padding-left: 55px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;	
  margin-top: -15px;
  position: relative;
  /*top: -15px;*/
  /*left:  18px;*/
  border-left: 1px solid;
}

#secondary-row #video-container img
{
	width: 359px;
	height: 303px;
}

#secondary-row #video
{
  width: 359px;	
  background: #000;
  border: 3px solid #999;
}

#secondary-row #video-container dl,
#secondary-row #news-flash dl
{
  margin: 15px 0 10px 0;
}

#secondary-row #video-container dl dd,
#secondary-row #news-flash dl dd
{
  color: #515151;
}

#secondary-row #video-container dl dd.quote,
#secondary-row #news-flash dl dd.quote
{
  font-size: 12px;
  line-height: 16px;
  margin-right: 10px;
}

#secondary-row #video-container dl dd.author,
#secondary-row #news-flash dl dd.author
{
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  /* text-align: right;*/
}

/* Homepage Testimonials */


/*#testimonials-grid td
{
	padding: 10px;
}

#testimonials-grid
{
	margin-left: 20px;
}*/



/*#testimonials
{
  margin-top: 50px;
  margin-bottom: 30px;
  position: relative;
  clear: both;
  border-top: 1px solid #1e317a;
}*/

#testimonials
{
  margin: 0px;
  padding: 0px;
  line-height: 18px;
  /*border: 1px solid #e1e1e1;*/
  background: #efefef;
}

#testimonials .inset
{
	padding: 10px;
 	position: relative; 

}

#testimonials h2
{
  color: #0b3266;
  border-bottom: 2px solid white;
  font-weight: bold;
  font-size: 18px;
}

#testimonials h3
{
  color: #1152ab;
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 7px 0;
}

#testimonials ul
{
  list-style: none;
  padding: 5px;
  padding-top: 10px;
  padding-right: 20px;
  margin-bottom: 0px;
}

#testimonials li
{
  padding: 5px;
  padding-top: 15px;
}

#testimonials li span
{
	vertical-align: top;
	font-size: 14px;
}

#testimonials li img
{
	float: left;
	padding-right: 15px;
}

#mc-video-frame,
#rm-video-frame,
#rl-video-frame,
#jt-video-frame,
#rg-video-frame,
#je-video-frame,
#gm-video-frame,
.video-frame
{
	/*visibility: hidden;*/ 
	/*position: absolute;*/
	
 	position: relative; 
	width: 430px; 
	height: 380px; 
	background-color: white; 
	padding: 20px;
}

.hd-video-frame
{
 	position: relative; 
	width: 806px; 
	height: 598px; 
	background-color: white; 
	
	padding: 20px;
}

#testimonials p
{
  border-bottom: 1px solid white;
  clear: both;
  padding-top: 15px;
  margin-bottom: 20px;
}

#testimonials dl
{
  margin: 0 0 10px 0;
}

#testimonials dl dt
{
  position: relative;
  float: left;
  padding: 0 23px 63px 0;
}

#testimonials dl dt img
{
  border: 1px solid #9d9d9d;
  padding-right: 0px;
}

#testimonials dl dt img.play-button
{
  position: absolute;
  top: 65px;
  left: 96px;
  border: 0;
}

#testimonials dl dd
{
  padding: 0 0 0 135px;
  margin: 0 0 3px 0;
  color: #515151;
}

#testimonials dl dd.quote
{
  font-size: 12px;
  line-height: 16px;
}

#testimonials dl p.author
{
  font-size: 10px;
  line-height: 12px;
  position: absolute;
  top: 83px;
  left: 0px;
  width: 120px;
  color: #1e5db0; 
  border: none;
  text-align: center;
  padding-top: 0px;
}

#testimonials dl dd.watch-link a:link,
#testimonials dl dd.watch-link a:visited,
#testimonials dl dd.watch-link a:hover,
#testimonials dl dd.watch-link a:active
{
  color: #000;
  font-size: 11px;
  line-height: 11px;
}

#testimonials .more-testimonials
{
  margin: -2px 0 10px 0;
  font-size: 10px;
  text-transform: uppercase;
}

#testimonials .more-testimonials a
{
  color: #4c4c4c;
  padding: 0 0 0 13px;
  text-decoration: none;
}

#testimonials .more-testimonials a:hover
{
  text-decoration: underline;
}

#testimonials #show_block a
{
  background: #fff url(/images/icons/show-icon.png) no-repeat left 60%;
}

#testimonials #hide_block a
{
  background: #fff url(/images/icons/hide-icon.png) no-repeat left 60%;
}

/* Tertiary Row */

#tertiary-row
{
  padding: 0 0 5px 0;
  border-top: 1px solid #1e317a;
  margin-top: 45px;

}

/* Homepage Sub Sections */
#tertiary-row #sub-sections
{
	position: relative;
	top: -10px;
}
#tertiary-row #sub-sections p
{
  margin: 0 0 15px 0;
  color: #515151;
  font-size: 11px;
  line-height: 14px;
}

#tertiary-row #sub-sections dl
{
  float: left;
  width: 254px;
  padding: 0 30px 0 0;
}

#tertiary-row #sub-sections dl.last
{
  padding: 0;
}

#tertiary-row #sub-sections dl dt img
{
  float: left;
  padding: 0 13px 0 0;
}

#tertiary-row #sub-sections dl dd
{
  padding: 0 0 0 56px;
  margin: 0 0 3px 0;
  color: #515151;
}

#tertiary-row #sub-sections dl dd.title
{
  padding: 0;
  margin: 0 0 7px 0;
  font-size: 14px;
  line-height: 16px;
  font-weight: 900;
}

#tertiary-row #sub-sections dl dd.title a
{
  color: #000;
  text-decoration: none;
}

#tertiary-row #sub-sections dl dd.blurb
{
  font-size: 11px;
  line-height: 14px;
}

#tertiary-row #sub-sections dl dd.learn-link a:link,
#tertiary-row #sub-sections dl dd.learn-link a:visited,
#tertiary-row #sub-sections dl dd.learn-link a:hover,
#tertiary-row #sub-sections dl dd.learn-link a:active
{
  color: #333;
  font-size: 11px;
  line-height: 11px;
}
/* @end */

/* @group Distance Learning Styles
==============================
G. Distance Learning Styles
==============================
*/

/* Distance Learning Home Page Styles */

dl.signup-step
{
  padding: 10px 0 10px 0;
}

dl.signup-step dd.title
{
  font-size: 14px;
  line-height: 16px;
}

dl.signup-step dd.blurb
{
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 0 20px;
}

dl.signup-type
{
  padding: 0;
}

dl.signup-type  dt.signup-individual
{
  padding: 0;
}

dd.topline
{
	position: relative;
	left: 82px;
	top: -10px;
	width: 737px;
	border-top: 1px solid #d8d8d8;
}

/* My Comment */

#signup-step-submit
{
  clear: left;
  margin: 100 0 5px 80px;
}

#course-submit,
#login-submit
{
  clear: left;
  margin: 10px 0 0 0;
  text-align: right;
}

/* Courses */

#two-column-courses
{
  width: 822px;
  border-top: 1px solid #1e317a;
}

#two-column-courses #first-column
{
  float: left;
  width: 240px;
  padding: 10px 0 0 0;
  border-right: 1px solid #1e317a;
}

#two-column-courses #second-column
{
  float: right;
  width: 580px;
}

#two-column-courses #second-column .last
{
  padding: 15px 0 0 15px;
}

h2#course-menu-header
{
  margin: 0;
  padding: 10px 0 25px 54px;
  color: #333;
  font-weight: normal;
  border-bottom: 1px dotted #1e317a;
  background: #fff url(/images/icons/courses-icon.png) no-repeat top left;
}

/* Course Menu */

ul#course-menu
{
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px dotted #1e317a;
}

ul#course-menu li
{
  color: #333;
  font-size: 11px;
  border-bottom: 1px dotted #1e317a;
}

ul#course-menu li a:link,
ul#course-menu li a:visited
{
  width: 210px;
  display: block;
  padding: 15px 15px 15px 15px;
  font-weight: normal;
  color: #333;
  text-decoration: none;
  background: #fff url(/images/icons/course-menu-item-icon.png) no-repeat 220px 50%;
}

ul#course-menu li a:hover,
ul#course-menu li a:active
{
  color: #1e317a;
  background: #efefef url(/images/icons/course-menu-item-on-icon.png) no-repeat 220px 50%;
}

ul#course-menu li.selected
{
  padding: 0 0 15px 0;
  background: #515151;
}

ul#course-menu li.selected a:link,
ul#course-menu li.selected a:visited,
ul#course-menu li.selected a:hover,
ul#course-menu li.selected a:active
{
  padding: 15px 0 5px 15px;
  color: #c9e2fd;
  font-weight: 900;
  background: #515151;
}

ul#course-menu li.selected ul
{
  margin: 0 0 0 50px;
  padding: 0;
  list-style: disc;
}

ul#course-menu li.selected ul li
{
  position: relative;
  padding: 0 15px 5px 0;
  color: #fff;
  line-height: 11px;
  border-bottom: 0;
}

/* Course Syllabus Menu */

ul#course-menu li .course-syllabus-up
{
  display: none;
}

ul#course-menu li .course-syllabus-down
{
  background: #515151;
}

ul#course-menu li .course-syllabus-down h6.course-syllabus-header a:link,
ul#course-menu li .course-syllabus-down h6.course-syllabus-header a:visited,
ul#course-menu li .course-syllabus-down h6.course-syllabus-header a:hover,
ul#course-menu li .course-syllabus-down h6.course-syllabus-header a:active
{
  display: block;
  width: 205px;
  margin: 0 0 2px 13px;
  padding: 4px 0 5px 23px;
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
}

ul#course-menu li .course-syllabus-down div.show_block  h6.course-syllabus-header a
{
  background: #515151 url(/images/icons/course-syllabus-up-icon.png) no-repeat left 50%;
}

ul#course-menu li .course-syllabus-down div.hide_block  h6.course-syllabus-header a
{
  background: #515151 url(/images/icons/course-syllabus-down-icon.png) no-repeat left 50%;
}

/* Course Signup Button */

#course-signup-button
{
  float: right;
}

/* Course Content - SME */

#course-sme
{
  float: left;
  width: 425px;
  border: 3px solid #dcdcdc;
  background: #dcdcdc;
}

#course-sme-content
{
  padding: 8px 10px;
}

#course-sme-content h3#course-sme-header
{
  position: relative;
  margin: 0;
  padding: 5px 0 5px 35px;
  background: #dcdcdc url(/images/icons/sme-video-icon.png) no-repeat left 50%;
}

#course-sme-content dl#sme-expert
{
  margin: 0 0 3px 0;
  font-size: 11px;
  line-height: 15px;
}

#course-sme-content dl#sme-expert dt.photo
{
  padding: 0;
}

#course-sme-content dl#sme-expert dt.photo img
{
  margin: 0 5px -10px 0;
}

#course-sme-content dl#sme-expert dd.name
{
  font-weight: 900;
}

#course-sme-content dl#sme-expert dd.agency
{
  color: #515151;
  font-style: italic;
}

#course-sme-content dl#sme-expert dd.topic
{
  color: #515151;
}

/* Course Content - Demo */

#course-content #course-demo
{
  float: right;
  width: 120px;
  margin: 0 0 15px;
  padding: 5px 0 10px 0;
  border-top: 1px solid #b1b1b1;
  border-bottom: 1px solid #b1b1b1;
}

#course-demo dl.content-feature dd.blurb
{
  padding: 0 0 10px 0;
}

#course-demo dl.content-feature dt
{
  margin: 0 0 -10px 0;
  padding: 0 10px 0 0;
}
/* @end */

/* @group Registration, Payment, & Receipt Styles
==============================
H. Registration, Payment, & Receipt Styles
==============================
*/

#registration-step
{
  float: right;
}

#registration-group-steps
{
	position:  relative;
}

#registration-group-steps img
{
	padding-top: 10px;
	padding-bottom: 10px;
}

#registration-group-steps h2
{
	float: right;
	position: absolute;
	width: 350px;
	top: 415px;
	right: -20px;
	font-size: 22px;
	line-height: 120%;*/
}

#registration-agreements
{
  margin: 0 0 15px 0;
/*  border-top: 1px solid #b4b4b4;*/
}

#registration-agreements .agreement
{
  padding: 15px 0 0 0;
  border-bottom: 1px solid #000;
}

#registration-agreements .agreement-last
{
	border-bottom: none;
}

#registration-agreements .agreement .first-column
{
  float: left;
}

#registration-agreements .agreement .second-column
{
  float: right;
  width: 250px;
}

#registration-agreements .online-agreement
{
  overflow: none;
  width: 800px;
  margin: 15px 0 10px 0;
  padding: 10px;
  border: 1px solid #000000;
}

#registration-agreements .online-agreement p
{
  font-size: 11px;
  line-height: 16px;
}

#registration-agreements .emphasis
{
  font-weight: 900;
  font-style: italic;
}

.registration-confirm p
{
  padding: 0 0 10px 0;
}

.registration-confirm .round-corners-gutter,
.payment .round-corners-gutter
{
  padding: 5px 10px 0 10px;
}

#registration-personalinfo,
#registration-agencyinfo,
#registration-contactsinfo,
#registration-accountinfo
{
  width: 617px;
  margin: 0 0 30px 0;
  background: #e4e4e4;
}

#registration-personalinfo table,
#registration-agencyinfo table,
#registration-contactsinfo table,
#registration-accountinfo table
{
  padding: 0;
  font-size: 11px;
}

#registration-personalinfo table td,
#registration-agencyinfo table td,
#registration-contactsinfo table td,
#registration-accountinfo table td
{
  width: 150px;
  padding: 0 0 7px 0;
}

#payment-mail,
#payment-cc
{
  width: 550px;
  margin: 20px 0 20px 0;
  background: #e4e4e4;
}

#payment-cc
{
  margin: 20px 0 30px 0;
}

#payment-cc table.form-two-column
{
  width: 400px;
  margin: 5px 0 -10px 0;
}

#payment-cc p.month select,
#payment-cc p.year select
{
  width: 85px;
  margin: 0 10px 5px 0;
}

#payment-cc p.year select
{
  margin: 0 0 5px 0;
}

#payment-cc p.state select
{
  width: 115px;
  margin: 0 10px 0 0;
}

#payment-cc p.zip input
{
  width: 40px;
  margin: 0 10px 0 0;
}

#payment-cc p.country select,
#payment-cc p.cardtype select
{
  width: 180px;
}

#registration-sidebar
{
  float: right;
  margin: 0 0 15px 15px;
  width: 185px;
  background: #e4e4e4;
}

#payment-sidebar
{
  /*float: right;
  margin: 62px 0 15px 15px;*/
  width: 250px;
  background: #e4e4e4;
}

.receipt-content {
	margin-left: 5px;
}

#receipt-sidebar
{
  float: right;
  margin: 5px 0 15px 15px;
  width: 250px;
  background: #e4e4e4;
}

#receipt-inline
{
  margin: 5px 0 15px 15px;
  /*width: 250px;*/
  background: #e4e4e4;
}


#registration-sidebar h4,
#payment-sidebar h4,
#receipt-sidebar h4
{
  margin: 0 0 5px 0;
  text-transform: uppercase;
}

#registration-sidebar p.note
{
  margin: 0 0 1px 0;
  color: #000;
}

#registration-sidebar #registration-group-size
{
  padding: 7px 0;
  color: #091c6a;
  font-size: 24px;
  font-weight: 900;
  text-align: center;
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
}

#payment-sidebar table#purchase-info,
#receipt-sidebar table#purchase-info
{
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 10px;
  border: 0;
}

#payment-sidebar table#purchase-info th,
#receipt-sidebar table#purchase-info th
{
  padding: 0 15px 0 0;
  border-bottom: 1px solid #000;
}

#payment-sidebar table#purchase-info th.right,
#receipt-sidebar table#purchase-info th.right
{
  padding: 0;
  text-align: right;
}

#payment-sidebar table#purchase-info td,
#receipt-sidebar table#purchase-info td
{
  padding: 5px 15px 5px 0;
  border-bottom: 1px solid #000;
}

#payment-sidebar table#purchase-info td.right,
#receipt-sidebar table#purchase-info td.right
{
  padding: 5px 0;
  text-align: right;
}

#payment-sidebar table#purchase-info th,
#payment-sidebar table#purchase-info td,
#receipt-sidebar table#purchase-info th,
#receipt-sidebar table#purchase-info td
{
  vertical-align: top;
  text-align: left;
}

#payment-sidebar #purchase-due,
#receipt-sidebar #purchase-due
{
  margin: 0 0 -20px 0;
  padding: 7px 0;
  color: #000;
  font-size: 18px;
  line-height: 18px;
  font-weight: 900;
  text-align: right;
  text-transform: uppercase;
}

#receipt-sidebar #purchase-due
{
  margin: 0 0 -10px 0;
}

.payment p
{
  padding: 0 0 5px 0;
}

.payment label
{
  white-space: normal;
}

.payment .payment-content
{
  padding: 15px 0 0 0;
  border-top: 1px solid #b4b4b4;
}

.payment .or
{
  position: relative;
  left: 250px;
  padding: 5px 0 0 0;
  color: #000;
  font-size: 14px;
  line-height: 14px;
  font-weight: 900;
  font-style: italic;
  /*text-align: center;*/
  text-transform: uppercase;
}

.receipt .content-block h3
{
  margin: 0 0 15px 0;
}

.receipt #payment-sidebar
{
    margin: 5px 0 15px 15px;
}

.receipt #receipt-reminder
{
  margin: 0 0 15px 0;
  padding: 15px 0 0 0;
  border-top: 1px solid #b4b4b4;
}

.receipt #registration-agreements,
.single-registration #registration-agreements
{
  margin: 0;
}

.receipt .last,
.single-registration .last
{
  border-bottom: 0 !important;
}

.single-registration #registration-agreements .agreement .second-column
{
  text-align: right;
}

.single-registration #registration-agreements .agreement .left
{
  text-align: left !important;
}

.single-registration #single-registration-form
{
  padding: 15px 0 0 0;
  border-top: 1px solid #b4b4b4;
}
/* @end */

/* @group My Profile Styles
==============================
I. My Profile Styles
==============================
*/

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

.myprofile .content-block
{
  margin: 10px 0 0 0;
}

.myprofile-dlfeature
{
  float: right;
  width: 202px;
  margin: 0 0 -5px 0;
  padding: 0 0 0 20px;
}

#myprofile-info
{
  margin: 0 0 15px 0;
  width: 600px;
  background: #e4e4e4;
}

#myprofile-info table
{
  margin: 0 0 -7px 0;
  padding: 0;
  font-size: 11px;
}

#myprofile-info table td
{
  width: 160px;
  padding: 0 0 7px 0;
}

.editprofile #form-footer
{
  margin: 20px 0 0 0;
}

.editprofile .form-three-column
{
  margin: 0 0 -10px 0;
}
/* @end */

/* @group Group Admin & TRN Admin Styles
==============================
J. Group Admin & TRN Admin Styles
==============================
*/

/* Group Admin Pages*/
.group-admin #group-admin-nav
{
  margin: 10px 0 0 0;
}

.group-admin .group-admin-block
{
  margin: 0 0 15px 0;
  padding: 15px 0 0 0;
  /*border-top: 1px solid #b4b4b4;*/
}

#batch-upload
{
	border-style: dotted;
	border-color: #b0b0b0;
}

/* TRN Admin Pages*/
.trn-admin #trn-admin-nav
{
  margin: 10px 0 0 0;
}

.trn-admin .trn-admin-block
{
  margin: 0 0 15px 0;
  padding: 15px 0 0 0;
}

.trn-admin h1, h2
{
	margin-bottom: 0px;
}

.trn-admin h1
{
	float: left;
}

.trn-admin h2
{
	color: #666;
	/* float: right;*/
	position: relative;
	padding-top: 10px;
	/*top: 5px;*/
}

table.trn-admin
{
  margin: 0 0 15px 0;
  font-size: 11px;
  line-height: 13px;
  width: 927px;
}

table.trn-admin th
{
  padding: 10px;
  font-weight: normal;
  color: #666;
  font-size: 11px;
  text-align: left;
  border-top: 4px solid #888;
  border-bottom: 1px solid #e5e5e5;
  background-color: #fff;
}

table.trn-admin th a
{
  	color: #666;
	text-decoration: underline;
	font-weight: normal;
}

table.trn-admin td
{
    padding: 10px;
	vertical-align: middle;
    border-bottom: 1px solid #e5e5e5;
	font-size: 13px;
	color: #000;
}

table.trn-admin td a
{
  	color: #000;
	text-decoration: underline;
}

#content p.trn-admin-instructions
{
	margin-top: 10px;
}

#trn-admin-menu
{
	float: right;
}

#trn-admin-table
{
	margin-top: 50px;
	
}


/* Generic Admin Table Styles
 (railsware-modified) */

table.admin-table
{
/*  width: 100%;*/
  margin: 0 0 15px 0;
  font-size: 11px;
  line-height: 13px;
  width: 927px;
  
/*  table-layout: fixed; */
/*  border-left: 1px solid #B4B4B4;*/
}

.table-bottom
{
	position: relative;
	top: -19px;
	width: 927px;
	border-top: 4px solid #dedede;
}

table.admin-table.wide {
	width: 100%;
}

table.admin-table th.last,
table.admin-table td.last
{
    border-right: 0;
	border-bottom: 4px solid #dedede;
}

table.admin-table td
{
    padding: 10px;
/*	height: 50px;*/
	vertical-align: middle;
/*  border-right: 1px solid #B4B4B4;*/
    border-bottom: 1px solid #e5e5e5;
	font-size: 13px;
	color: #000;
}

table.admin-table td.selected_user {
	padding-left: 15px;
	width: 20px;
}

table.admin-table tr.even td
{
/*  background: #efefef;*/
}

table.admin-table tr.edited-now td {
	vertical-align: top;
}

/*table.admin-table tr:hover, table.admin-table tr.even:hover, table.admin-table tr.edit-mode{
	background-color: #68b6fb;
	cursor: pointer;
	color: #fff;
}*/

table.admin-table tr.hover:hover, table.admin-table tr.edit-mode {
	background-color: #68b6fb;
	cursor: pointer;
	color: #fff;
}

/*table.admin-table tr.to-be-deleted, table.admin-table tr.to-be-deleted:hover {
	background: url("/images/shared/tr_border.gif") repeat-y #ececec;
	color: #000;
}
*/

div.buttons, table.admin-table td.actions, table.admin-table td.buttons
{
  	/*padding: 5px 5px;*/
	background-color: #68b6fb;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
}

/*div.buttons a, div.buttons img
{
	margin-top: 7%;
}*/

table.admin-table td.buttons a.save {
	margin-right: 1px;
}

table.admin-table td.required ul
{
  margin: 0 !important;
  padding: 0 !important;
  color: red !important;
  list-style-type: none;
}

table.admin-table th
{
  padding: 10px;
	font-weight: normal;
  color: #666;
  font-size: 11px;
  text-align: left;
  border-top: 4px solid #dedede;
	border-bottom: 1px solid #e5e5e5;
	background-color: #fff;
}

table.admin-table tr.wice_grid_title_row th.sorted
{
  /* background: #333;*/
 background: url(/images/shared/sorted.png) no-repeat center left;
}

table.admin-table #user_grid_filter_row th,
table.admin-table #group_grid_filter_row th
{
  padding: 5px;
  border-top: 1px solid #B4B4B4;
}

table.admin-table #user_grid_filter_row th input,
table.admin-table #group_grid_filter_row th input
{
  width: 75px;
}

table.admin-table #user_grid_filter_row input#user_grid_f_purchases_slots_fr,
table.admin-table #user_grid_filter_row input#user_grid_f_purchases_slots_to,
table.admin-table #group_grid_filter_row input#group_grid_f_purchases_slots_fr,
table.admin-table #group_grid_filter_row input#group_grid_f_purchases_slots_to
{
  width: 20px;
  margin: 0 5px 0 0;
}

table.admin-table #user_grid_filter_row img
{
	margin-left: 4px;
}

table.admin-table th a
{
  color: #666;
	text-decoration: underline;
	font-weight: normal;
}

table.admin-table td.first_name {
	width: 85px;
}

table.admin-table td.last_name {
	width: 70px;
}

table.admin-table td.title {
	width: 80px;
}

table.admin-table td.phone {
	width: 90px;
}

table.admin-table td.agency_email {
	width: 110px;
}

table.admin-table td.access_type {
	width: 100px;
}

table.admin-table td.employment_status {
	width: 88px;
}

table.admin-table td.personnel_number {
	width: 70px;
}

table.admin-table#purchases
{
  margin: 0;
}

table#manage-users-actions td
{
  width: 90px;
  padding: 0;
  border: 0;
}
/* @end */

/* @group Footer Styles
==============================
K. Footer Styles
==============================
*/

/* Footer Global Styles */

#footer
{
  clear: both;
  padding: 15px 0;
  border-top: 1px solid #999;
}

#footer p
{
  margin: 0;
}

#footer #footer-logos,
#footer #footer-nav
{
  float: left;
}

/* Footer Nav Styles */

#footer #footer-nav
{
  margin: 17px 0 0 60px;
}

#footer #footer-nav,
#footer #footer-nav a
{
  color: #666;
  font-size: 11px;
  font-weight: normal;
}

/* Footer Logo Styles */

#footer #footer-logos
{
  margin: 0 0 10px 0;
}

#footer #footer-logos ul li,
#footer #footer-nav ul li
{
  display: inline;
  list-style: none;
}

#footer #footer-logos ul li
{
  padding: 0 30px 0 0;
}

/* Footer Credit Styles */

#footer #footer-credit
{
  clear: both;
}

#footer #footer-credit p
{
  font-size: 11px;
  line-height: 13px;
  color: #808080;
}

#footer #footer-credit a
{
  color: #808080;
  font-weight: normal;
}

#footer #footer-credit #copyright
{
  float: left;
}

#footer #footer-credit #developer
{
  float: right;
}
/* @end */

/* @group Overlay Styles
==============================
L. Overlay Styles
==============================
*/

.overlay
{
  width: 980px;
  padding: 15px;
  text-align: left;
  background: #fff;
}

.overlay p
{
  margin: 0 0 15px 0;
  font-size: 11px;
  line-height: 14px;
}

.overlay form #form-footer
{
  margin: 10px 0 0 0;
}

.overlay .button
{
  margin: 3px -5px 0 0;
}

.overlay #overlay-close
{
  float: right;
  margin: -3px -5px 0 0;
}

.overlay #overlay-header
{
  float: left;
  width: 475px;
}

.overlay #overlay-header h2
{
  padding: 0 0 3px 0;
}

.overlay #overlay-header #overlay-note
{
  float: right;
  padding: 3px 0 0 0;
}

.overlay #overlay-one-column
{
  clear: both;
  border-top: 1px solid #1e317a;
}

.overlay #overlay-one-column .content-block
{
  padding: 15px 0 0 0;
}
/* @end */

/* @group Standards-based CSS Fixes
==============================
M. Standards-based CSS Fixes
==============================
*/

/* Turns off dotted outline around links in Firefox */
a:link,
a:visited,
a:hover,
a:active
{
  outline: 0;
}

/* CSS code for Firefox and Safari so floated elements inside this container define the height of the container. */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}


/* FORM OVERRIDES */

.grouped_form fieldset, .grouped_form legend {
	background-color: #EEE;
}

.grouped_form fieldset {
	padding: 20px 100px;
	margin: 20px 0 40px 0;
}

.grouped_form legend {
	display: block;
	width: 100%;
}

.grouped_form label {
	display: inline-block;
	width: 145px;
}

.grouped_form label.small {
	width: 60px;
}

.grouped_form fieldset input {
	margin-right: 20px;
	width: 100px;
}

.grouped_form fieldset select {
	width: 140px;
	margin-right: 20px;
}

.form-footer-no-border {
	border: 0 !important;
}

#batch_edit td input{
	width: 60px;
}

#batch_edit tr, #batch_edit td, #batch_edit input, #batch_edit th {
	padding: 0;
	margin: 0;
	text-align: left;
}

dl.content-feature dd.last-blurb {
	padding-bottom: 40px;
	margin-bottom: 0;
	margin-left: 80px;
	padding-left: 0;
}

#signup-step-submit {
	text-align:right;
}

.normal {
	font-weight: normal;
}

.caps {
	text-transform: uppercase;
}

#receipt-inline {
	margin: 0 auto;
	margin-bottom: 10px;
}

#purchase-info {
	font-size: 0.9em;
}

#purchase-info th, td {
	text-align: left;
}

#purchase-info tbody tr td {
	padding: 4px 0;
}

#purchase-info thead tr th{
	border-bottom: 1px solid #000;
}

.border-top td{
	border-top: 1px solid #000;
}

.border-bottom td{
	border-bottom: 1px solid #000;
}

#purchase-due {
	border-top: 1px solid #000;
	text-align: right;
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 5px;
}

#purchase-info td.right {
	text-align: right;
}

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
}
/* @end */

/* @group Railsware Additions
=============================
N. Railsware Additions
=============================
*/

.purchases #one-column .content-block {
	padding: 0;
}

.purchases #one-column .content-block .group-admin-block {
	border-top: none;
}

.wide #one-column {
	width: auto;
	border: 0px;
	margin-top: -30px;
}

#content.wide
{
  float: none;
	width: auto;
  padding: 0;
}

#main-body.no-padd {
	padding: 0;
}

td input, td select { width: 95%; }

div#content h1 {
	font-size: 30px;
	margin:0 0 10px;
}

div.grey-block {
	padding: 25px;
	padding-bottom: 10px;
	min-height: 160px;
	background: url("/images/shared/grey_grad.gif") repeat-x top left #f4f4f4;
	position: relative;
	margin-bottom: 25px;
}

div.grey-block-b {
	padding: 9px;
	background: #f4f4f4;
	position: relative;
	margin-bottom: 10px;
	margin-top: 3px;
	border: 1px solid #d9d9d9;
	width: 907px;
}

div.grey-block-c {
	padding: 10px;
	background: url("/images/shared/grey_grad.gif") repeat-x top left #f4f4f4;
	position: relative;
	margin-bottom: 25px;
}


div.grey-block div.text {
	width: 390px;
}

div.grey-block div.star {
	position: absolute;
	top: 59px;
	left: 431px;
	width: 140px;
	padding-top: 35px;
	height: 110px;
	background: url("/images/common/star.png") no-repeat;
	font-size: 11px;
	color: #9cf;
	text-align: center;
}

div.grey-block div.star .price {
	font-size: 27px;
	font-weight: bold;
	display: block;
	color: #fff;
	margin-bottom: 5px;
}

div.grey-block div.star .price span {
	font-weight: normal;
	display: inline;
}

div.grey-block div.star span {
	display: block;
	margin: 0 auto;
	width: 100px;
}

div.grey-block div.info {
	font-size: 13px;
	position: absolute;
	top: 56px;
	right: 19px;
	border: 1px solid #fff;
	background-color: #ffeb0a;
	padding: 17px;
	padding-bottom: 7px;
}

div.row {
	overflow: hidden;
	clear: both;
}

div.grey-block div.info span.contents {
	font-size: 15px;
}

div.grey-block div.info span.label {
	display: block;
	float: left;
	width: 40px;
	padding-right: 20px;
	color: #666;
	line-height: 19px;
	text-align: right;
}

div.grey-block div.info div.row {
	margin-bottom: 9px;
	width: 300px;
}

div.grey-block div.info .hint {
	background: url("/images/common/arrow_yw.gif") no-repeat center left #fff;
	padding: 0 3px 0 8px;
}

div.grey-block div.info a {
	color: #39f;
	font-weight: normal;
}

.left-column {
	width: 450px;
	float: left;
}

div.left-column div.buttons {
	padding: 30px 0 20px;
	margin-right: 20px;
}

div.left-column div.buttons a.left {
	margin-right: 14px;
}

div.table-controls {
	padding: 0 1px 12px;
	position: relative;
}

div.table-controls input.img, div.table-controls a img {
	position: relative;
	top: 10px;
}

.group-admin-block .grey-block a, div.table-controls a {
	color: #39f;
	font-weight: normal;
}

.group-admin-block .grey-block {
	margin-bottom: 26px;
	margin-top: -6px;
	padding: 25px 16px 13px;
	min-height: 0;
}

.group-admin-block .grey-block h2 {
	font-size: 27px;
	margin-bottom: 27px;
}

.group-admin-block .grey-block h2.left {
	float: left;
}

.group-admin-block .grey-block h2.right {
	float: right;
}

.group-admin-block .grey-block .bottom {
	clear: both;
	overflow: hidden;
}

.group-admin-block .grey-block .slots {
	position: absolute;
	bottom: 10px;
	right: 16px;
	color: #999;
	line-height: 17px;
	text-align: right;
}

.group-admin-block .grey-block .slots .number {
	color: #000;
}

.group-admin-block .grey-block .slots input.text {
	width: 60px;
}

.group-admin-block .grey-block a img {
	position: relative;
	top: 9px;
}

.group-admin-block .grey-block a.more {
	margin: 0 5px;
}

div.table-controls div.pager {
	position: absolute;
	bottom: 7px;
	right: 32px;
}

div.table-controls div.pager span, div.table-controls div.pager a {
	display: block;
	float: left;
	margin: 0 1px;
	padding: 2px 6px;
}

div.table-controls div.pager .current {
	background-color: #f1f1f1;
	color: #666;
}

div.table-controls div.pager ul, div.table-controls div.pager li {
	list-style: none;
	padding: 0;
	margin: 0;
}

div.table-controls div.pager li {
	float: left;
	margin: 0 1px;
}

div.table-controls div.pager li.between {
	padding: 3px 7px;
}

div.table-controls div.pager li a {
	display: block;
	padding: 3px 7px;
}

div.table-controls div.pager li a:hover, div.table-controls div.pager li.current a {
	text-decoration: none;
	color: #666;
	background-color: #f1f1f1;
}

.purchases .group-admin-block .grey-block {
	margin-bottom: 35px;
}

.purchases h4 {
	font-size: 18px;
	font-weight: bold;
}

.purchases h4 span.back {
	font-size: 12px;
	color: #666;
	font-weight: normal;
	margin-left: 10px;
}

.purchases h4 span.back a {
	color: #39f;
	font-weight: normal;
}

.grey-block a, .grey-block-b a {
	color: #39f;
	font-weight: normal;
}

div.page-text {
	clear: both;
	overflow: hidden;
	margin-top: 60px;
	padding-right: 260px;
	position: relative;
}

div.page-text table.inner-text-table {
	width: 275px;
	position: absolute;
	top: 0px;
	right: 270px;
}

table.inner-text-table th, table.inner-text-table td {
	padding: 9px;
}

table.inner-text-table {
	border-collapse: collapse;
	
}

table.inner-text-table th {
	font-size: 11px;
	color: #666;
	text-align: left;
	font-weight: normal;
}

table.inner-text-table tr.even {
	background-color: #f0f0f0;
}

table.inner-text-table tr.odd {
	background-color: #fff;
}

.formError {
	color: #ff3701;
	padding: 3px 5px;
	font-size: 11px;
}

.input-error {
	border-bottom: 2px solid #ff3701;
}

tr.edited-now input {
	padding: 2px;
	border: 1px solid #b4b4b4;
}

table.upload-table {
	width: 100%;
}

table.upload-table tr {
	position: relative;
	height: 38px;
}
table.upload-table td {
	vertical-align: middle;
}
table.upload-table td span {
	position: relative;
	top: -10px;
}

table.upload-table td input {
	width: 230px;
	position: relative;
	top: -10px;
	margin-left: 5px;
	margin-right: 100px;
}

table.upload-table td img.button, table.upload-table td img.number {
	margin: 0 5px;
}

table.upload-table td .separator {
	border-left: 1px solid #ddd;
	width: 1px;
	font-size: 20px;
	line-height: 20px;
	position: relative;
	top: -7px;
	margin: 0 1px 0 7px;
}

table.upload-table td h2 {
	font-size: 14px;
	display: inline;
	font-weight: bold;
	margin-right: 35px;
	position: relative;
	top: -9px;
}

#upload-student-file-arrow {
	position: relative;
	left: -20px;
	z-index: 500;
}

#upload-panel {
	display: none;
}

#upload-status-bar {
	display: none;
	position: absolute;
	top: 38px;
	left: 291px;
	z-index: 1000;	
}

#instructions-panel {
	display: none;
	position: absolute;
	top: 100px;
	left: 240px;
	width: 400px;
	padding: 15px;
	z-index: 1000;	
	background-color: #FFF;
	border: 4px solid #888;	
	line-height: 18px;
}

#instructions-panel img {
	float: right;
}

#instructions-panel ol {
	padding-left: 10px;
}

#instructions-panel li {
	padding-bottom: 5px;
}

#import-instructions-panel {
	display: none;
	position: absolute;
	top: 70px;
	left: 140px;
	width: 600px;
	padding: 15px;
	z-index: 1000;	
	background-color: #FFF;
	border: 4px solid #888;	
	line-height: 18px;
}

#import-instructions-panel ul {
	list-style-type: square;
	padding-top: 10px;
}

#import-instructions-panel img {
	float: right;
}

#import-instructions-panel ol {
	padding-left: 10px;
}


#import-instructions-panel li {
	padding-bottom: 5px;
}


/* temporarily disable delete controls */
#delete_users, #select-controls {
	display: none;
}

/* @end */

/* @group System Requirements Styles
=============================
O. System Requirements Styles
=============================
*/

#requirements ul, #cv-installer ul
{
  margin: -8px;
  padding: 0;
  margin-left: 58px;
  list-style-type: none;
  font-size: 1.25em;
}

#requirements ul li, #cv-installer ul li
{
	padding: 6px 8px 8px 5px;
	list-style-position: outside;
}

#requirements ul li span, #cv-installer ul li span
{
	position: relative;
	top: -11px;
}

#requirements ul li.browser
{
	list-style-image: url(/images/icons/browser.png);
}

#requirements ul li.flash
{
	list-style-image: url(/images/icons/flash.png);
}
#requirements ul li.reader
{
	list-style-image: url(/images/icons/reader.png);
}
#requirements ul li.certificate
{
	list-style-image: url(/images/icons/certificate.png);
}

#cv-installer ul
{
	font-size: 1.5em;
	margin-left: 35px;
	margin-top: 0em;
}

#cv-installer ul li
{
	padding: .5em;
}

#cv-installer li img
{
	margin-top: .5em;
	margin-bottom: 1em;
	margin-left: 1em;
}

#cv-installer ul li.one
{
	list-style-image: url(/images/icons/shield-small-1.png);
}

#cv-installer ul li.two
{
	list-style-image: url(/images/icons/shield-small-2.png);
}

#cv-installer ul li.three
{
	list-style-image: url(/images/icons/shield-small-3.png);
}

#cv-installer ul li.four
{
	list-style-image: url(/images/icons/shield-small-4.png);
}

/* @end */