/* We use Eric Meyer's reset stylesheet 100% of the time  =========================================== */

/* Eric Meyer's Reset CSS -- http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------------------------------------- */

* { margin: 0; padding: 0; font-weight: normal; } /* Safari seems to ignore a lot of the reset style sheet and I am not sure why. */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/* Basic Elements
-------------------------------------*/

html, body { height: 100%; }

body { font: 12px/1.4 arial, sans-serif; color: #333; }

h1, h2, h3, h4, h5, h6 { line-height: 1.2; }

h1 { font-size: 225%; }
h2 { font-size: 185%; }
h3 { font-size: 160%; }
h4 { font-size: 125%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

p { line-height: 1.4; }

input[type="checkbox"],
input[type="radio"]
{
	width: auto !important;
	border: none !important;
}

object { float: left; clear: both; }

br.c { background: none; border: 0; clear: both; display: block; float: none; font-size: 0px; margin: 0; padding: 0; visibility: hidden; width: 0; height: 0; line-height: 0;}

a { text-decoration: none; }

a:focus,
a:hover { text-decoration: underline; }

.a-area, .a-slots, .a-slot, .a-slot-content, .a-slot-content-container, .a-slot-form { clear: both; }

.a-slot { margin-bottom: 10px; }

/* 
* -- Pogil Colors 
* -- Form Button Yellow : #fbef3b
*/

.a-area { margin: 0; clear: both; }

/* == */
/* == POGIL - General Site Styles =========================== */
/* == */

p,li { line-height: 1.4; }
 
a:link,
a:visited,
.aRichText a { color: #00f; text-decoration: underline; }

a:hover,
.aRichText a:hover { color: #888; }

a.a-pogil-btn
{
height: 18px;
line-height: 18px;
padding: 2px 6px;
border: 1px solid #555;
background-color: #333;
color: #fff !important;
}

a.a-pogil-btn:hover
{
background-color: #fff;
border-color: #fff;
color: #333 !important;
text-decoration:none !important;
}

h1 { margin: 0; }

h2,h3,h4,h5,h6 { font-family: Georgia, Times, Serif; }

h3, .aRichText h3 { font-size: 18px; }

h3 span.title-modifier { color: #999; }

h4, .aRichText h4 { font: 16px Arial, Sans-serif; }

h5, .aRichText h5 { font: 15px Arial, Sans-serif; }

.highlight { background-color: #fbef3b; padding:10px; }

.a-wrapper
{
width: 960px;
margin: 0 auto;
position: relative;
}

.a-header
{
float: left;
width: 100%;
position: relative;
margin: 0 0 30px 0;
}

.a-header #pogil-visit-site
{
position: absolute;
top: 50%;
right: 0;
margin-top: -10px;
}

.a-header h1
{
float: left;
height: 90px;
width: 550px;
}

.a-header h1 a
{
float: left;
height: 100%;
width: 100%;
background: url(../images/pogil-logo.png) top left no-repeat;
overflow: hidden;
text-indent: -9999px;
}

.a-header h1 a:hover { background-position: bottom left; }

.a-content
{
  display: block;
  position: relative;
  float: left;
}

.sfApply .a-content
{
  display: block;
  float: none;
  position: relative;
  clear: both;  
}

.a-home .a-content 
{ 
  float: left; 
  width: 100%; 
  margin: 20px 0 0 0; 
}

.sfguard-signin .a-content 
{
  width: 100%; 
}


.a-footer
{
position: relative;
clear: both;
margin-top: 40px;
padding: 20px 0;
border-top: 1px solid #bbb;
}

/* == */
/* == POGIL - Login bar =========================== */
/* == */


a.a-header-btn.a-dropdown-arrow { padding-right: 20px; background: url(/images/a-dropdown-arrow-333.png) bottom right no-repeat; }

.a-ui.a-global-toolbar > .a-controls > li { padding-bottom:4px; }

.a-ui .a-header-dropdown
{
position: absolute;
top: 30px;
left: -1px;
background-color: #fff;
padding: 5px 2px 2px 6px;
border: 1px solid #ddd;
border-top: none;
display: none;
}

.open .a-header-dropdown { display: block; z-index: 9999;}

.a-ui.a-global-toolbar .a-controls li.a-login { margin: 0; }
.a-ui.a-global-toolbar .a-controls .a-login li.p-username { border-right: 1px solid #eee !important; }
.a-ui.a-global-toolbar .a-controls .a-login li { margin: 1px 0; padding: 5px 10px; line-height: 20px; }

/* == */
/* == POGIL - a-login page =========================== */
/* == */

.a-login .sidebar-wrapper .pogil-signin-form
{
float: left;
display: inline;
width: 100%;
border: none;
margin: 10px 0;
}

.a-login .sidebar-wrapper .pogil-signin-form .a-form-error
{
margin: 0;
}

.a-login .sidebar-wrapper .pogil-signin-form .a-form-row
{
padding:0;
}

.a-login .sidebar-wrapper .pogil-signin-form label
{
width: 65px;
float: left;
display: inline;
clear: left;
margin:0;
}

.a-login .sidebar-wrapper .pogil-signin-form .error_list
{
width: 220px;
font-size: 10px;
color: #bbb;
float: left;
display: inline;
margin-bottom: 10px;
clear: right;
}

.a-login .sidebar-wrapper .pogil-signin-form input
{
margin-bottom: 10px;
float: left;
display: inline;
width: 120px;
clear: right;
}

.a-login .sidebar-wrapper .pogil-signin-form input.a-submit
{
padding: 0 2px 3px 2px;
line-height: 20px;
margin: 0;
border: 1px solid #555;
background-color: #333;
color: #fff;
}

.a-login .sidebar-wrapper .pogil-signin-form input.a-submit:hover
{
background-color: #fff;
border-color: #fff;
color: #333;
}

.a-login .sidebar-wrapper .pogil-signin-form .a-controls
{
float: left;
display: inline;
clear: both;
width: 100%;
margin: 0 0 10px 65px !important;
}

.a-login .sidebar-wrapper .pogil-signin-form .forgot-password-link
{
clear: both;
margin-left: 65px;
}

.a-login .sidebar-wrapper.alt h3
{
margin:10px 0;
}

.a-login .sidebar-wrapper.alt h3 a 
{
text-decoration:none;
border:1px solid #333;
padding:3px;
/*margin-left:3px;*/
}

.a-login .sidebar-wrapper.alt h3 a:hover
{
background-color:#fff;
}

/* == */
/* == POGIL - CMS Home Template =========================== */
/* == */

.a-home .a-nav-main
{
float: left;
width: 100%;
margin: 0 0 1px 0;
}

.a-home .a-column-one { width: 320px; margin-right: 40px; }

.a-home .a-column-two { width: 599px; }

.a-home .a-nav-breadcrumb { margin: 20px 0; }

.a-area-banner { margin: 1px 0 0; clear: both; }
.a-area-banner .aSlideshow { margin: 0; }
.a-area-banner .a-slideshow-item { position: relative; }

.a-area-banner .a-slideshow .a-slideshow-description
{
position: absolute;
margin: 0;
top: 30px;
left: 30px;
width: 460px;
max-height: 300px;
overflow: hidden;
font: 30px "Times New Roman", Times, Serif !important;
color: #fff;
background: rbga(0,0,0,0.25) !important;
padding: 5px;
background: url(/images/pogil-black-25opacity.png);
}

.a-home .a-area-banner .a-slideshow-description p { float: left; line-height: 34px; }
.a-home .a-area-banner .a-slideshow-description p span {  }
.a-home .a-area-banner .a-slideshow-description a { color: #fff; }
.a-home .a-area-banner .a-slideshow-description a:hover { background-color: #000; }
.a-home .a-area-banner .a-slideshow-controls { top: 330px; right: 10px; }

/* == */
/* == POGIL - CMS Default Template =========================== */
/* == */

.normal-view .pogil-subnav-wrapper { margin-right: 120px; }

.a-default .a-column-two { width: 600px; float: left; display: inline; margin: 0; }
.a-default .a-area-column-two { width: 100%; }
.a-default .a-area-body { width: 680px; margin-left: 280px; }


.a-column-two h3,
.a-column-two h4
{
float: left;
width: 100%;
display: block;
clear: both;
border-top: 1px solid #333;
padding-top: .25em;
}

#event_update_roster h4.not-first { margin-top: 20px; }

#event_update_roster .a-form-row.submit
{
	border-top: 1px solid #333;
	padding-left: 0px;
	margin: 20px 0 0 0;
	width: 100%;
}

.a-column-two .aRichText .a-slot-content h5,
.a-column-two .aRichText .a-slot-content p
{
float: left;
display:inline;
clear:both;
margin-left: 120px;
width: 480px;
}

.a-column-two .aRichText .a-slot-content table
{
float: left;
display:inline;
clear:both;
margin-left: 120px;
}

.a-column-two .aButton,
.a-column-two .aPDF,
.a-column-two .aVideo
{
	float: left;
	display:inline;
	clear:both;
	margin-left: 120px;
	width: auto;
}

.a-column-two .aRichText.a-normal .a-slot-content ul,
.a-column-two .aRichText.a-normal .a-slot-content ol
{
float: left;
margin: 0 0 10px 135px;
width: 480px;
color: #555;
list-style-position: outside;
}

.aRichText.a-normal .a-slot-content ul { list-style: disc; }

.aRichText.a-normal .a-slot-content ol { list-style: decimal; }

.a-column-two .aRichText ul.a-ui.a-controls { margin: 0; }

.a-column-two .aSlideshow,
.a-column-two .aFile,
.a-column-two .aAudio,
.a-column-two .aSmartSlideshow,
.a-column-two .aFeed { margin-left: 120px; width:480px; }


/* == */
/* == POGIL - Subnav */
/* == */


.a-ui.a-subnav-wrapper { width: auto; }
.a-ui.a-subnav-wrapper .a-nav-item { position: relative; margin-bottom: 5px; }
.a-ui.a-subnav-wrapper .a-nav-item:last-child { margin-bottom: 0; }
.a-ui.a-subnav-wrapper .a-btn.a-drag { display: block; position: absolute; right: 0; top: 50%; margin-top: -10px; }

.a-ui .a-subnav-inner { width: 200px;}

.pogil-subnav-wrapper,
.sidebar-wrapper
{
float: left;
display: inline;
width: 240px;
background-color: #333;
color: #bbb;
padding: 10px 0;
margin: 0 0 40px 0;
}

.sign-up-login-box
{
	float:left;
	margin-top: 20px;
}

.pogil-subnav-wrapper.alt,
.sidebar-wrapper.alt { background-color: #bbb; color: #555; }

.sidebar-wrapper.map, 
.shadow-wrapper
{
padding: 0;
-moz-box-shadow:rgba(0,0,0,0.25) 7px 7px 14px;
-webkit-box-shadow:rgba(0,0,0,0.25) 7px 7px 14px;
-opera-box-shadow:rgba(0,0,0,0.25) 7px 7px 14px;
-khtml-box-shadow:rgba(0,0,0,0.25) 7px 7px 14px;	
box-shadow:rgba(0,0,0,0.25) 7px 7px 14px;
}

.sidebar-wrapper.map .sidebar-box { margin: 0; width: 100%; overflow: hidden; }

.pogil-subnav-wrapper .a-subnav-wrapper,
.sidebar-wrapper .sidebar-box { margin: 0 10px; }

.pogil-subnav-wrapper a,
.sidebar-wrapper a { color: #fff; text-decoration: none; }

.pogil-subnav-wrapper.alt a,
.sidebar-wrapper.alt a { color: #000; text-decoration: none; }

.pogil-subnav-wrapper a:hover,
.sidebar-wrapper a:hover { text-decoration: underline; }

.sidebar-box .sidebar-links { float:left; width: 100%; }
.sidebar-box .sidebar-links li { margin:10px 0; float:left; clear:both; width: 100%; }
.sidebar-box .sidebar-links li.sidebar-info { margin:0; }

.sidebar-wrapper.pogil-profile-photo { background-color: #fff; padding:0; }
.sidebar-wrapper.pogil-profile-photo .sidebar-box { width: 100%; margin: 0; padding:0; }

.pogil-profile-photo-tools { position:absolute; top:0; left:0; }
.pogil-profile-photo-tools li { float:left; display:inline; margin-right:1px; }

#pogil-profile-photo-form { display: none; margin: -30px 0 40px 0; float:left; }
#pogil-profile-photo-form ul.a-controls { margin-top:5px !important; }

.sidebar-wrapper.pogil-profile-photo .a-controls { padding-top: 10px; }
.sidebar-wrapper.pogil-profile-photo .profile-upload-error
{
	float: left;
	width: 100%;
	display: inline;
	margin: 10px 0;
	color: #900;
}

.sidebar-wrapper h2,
.sidebar-wrapper h3,
.sidebar-wrapper h4
{
color: #eee;
}

.sidebar-wrapper.alt h2,
.sidebar-wrapper.alt h3,
.sidebar-wrapper.alt h4
{
color: #000;
}


/* == */
/* == POGIL - a-search =========================== */
/* == */

.a-search.global { width: auto;	float: right; margin: 5px 0 -20px 0; position: relative; z-index: 999; }
.a-search.global form { border: 1px solid #999; }

.a-search-form { border: none; }


/* == */
/* == POGIL - General Template Styles =========================== */
/* == */

.a-column-one
{
width: 240px;
float: left;
position: relative;
margin: 0 120px 0 0;
}

.a-column-two
{
float: left;
position: relative;
clear: right;
}

/* == */
/* == POGIL - a-2column template =========================== */
/* == */

.a-2column .a-column-two
{
width: 600px;
float: left;
margin: 0;
}

.a-2column .a-column-two h3,
.a-2column .a-column-two h4
{
border-top: 1px solid #333;
padding-top: .25em;
margin-bottom: 20px;
float: left;
width: 100%;
}

.a-2column .a-column-two .aRichText .a-slot-content p
{
float: left;
margin-left: 120px;
width: 480px;
}

.a-2column .a-column-two .form-chunk
{
float: left;
width: 100%;
overflow: hidden;
clear: both;
display: block;
position: relative;
margin-bottom: 20px;
}

.a-2column .a-column-two .form-chunk dl
{

}

.a-2column .a-column-two .form-chunk dt
{
margin-left: 0px;
width: 100px;
margin-right:20px;
float: left;
font-size: 11px;
color: #555;
/*rb: attempt to make dt's line up with dd's*/
position:relative;
top:1px;
}

.a-2column .a-column-two .form-chunk dd
{
margin-left: 0px;
float:right;
width:340px;
}

.a-2column .a-column-two .form-chunk ul.normal-view
{
float: left;
margin-left:120px;
padding-left:20px;
clear: both;
display: inline;
}

.a-2column .a-column-two .form-chunk ul.normal-view li
{
position: relative;
float: left;
width: 100%;
clear: both;
margin-bottom: 6px;
}

.a-2column .a-column-two .form-chunk .a-form-edit-button
{
position: absolute;
top: 10px;
right: 0;
font: 12px/20px Arial, Sans-serif;
color: #000;
background: #fbef3b;
border: 1px solid #fbef3b;
float: left;
height: 20px;
text-decoration: none;
padding: 0 5px;
}

.a-2column .a-column-two .form-chunk .a-form-edit-button:hover
{
border: 1px solid #000;
}

.a-2column .a-column-two .form-chunk .a-form-edit-button img
{
float: left;
margin: 2px 0;
}

/* == */
/* == POGIL - BREADCRUMB =========================== */
/* == */

.a-nav-breadcrumb
{
position: relative;
clear: both;
font-family: arial, sans-serif !important;
margin: 0 0 30px 0;
height: auto;
}

.a-nav-breadcrumb a { color: #000; text-decoration: none; }
.a-nav-breadcrumb a:hover { text-decoration: underline;}

.a-nav-breadcrumb .a-nav-item { float: left; }

.a-nav-breadcrumb .a-breadcrumb-separator { margin: 0 5px 0 2px; }

.a-nav-breadcrumb .a-current-page
{
font-family: Georgia, Times, Serif !important;
height: auto;
clear: both;
font-size: 18px;
}

.a-nav-breadcrumb .event-duration { color: #999; }

/* == */
/* POGIL .a-page-settings =========================== */
/* == */

.a-page-settings-container,
.a-personal-settings-container
{
position: absolute;
top: 29px;
left: 0;
background-color: #fff;
float: left;
display: inline;
width: 960px;
height: auto;
z-index: 999;
}

.a-page-settings, 
.a-personal-settings
{
border: none;
margin-top: 0;
}

.a-page-settings h3
{
	margin-top: 10px;
}

.a-page-settings-form
{
border: 1px solid #bbb;
padding: 0 20px 20px 20px;
margin: 0;
}

.a-page-settings-left, 
.a-page-settings-right
{
width: 440px;
}

.a-page-settings .a-form-row, 
.a-personal-settings .a-form-row
{
padding: 0;
}

.a-page-settings-form .a-page-settings-status
{
width: 300px;
}

.a-page-settings-form .a-page-settings-note
{
width: 300px;
}

.a-chad
{
display: none;
/*the offset of this needs to be relative to the parent, fix this later */
}

/* == */
/* == POGIL - TAB NAVIGATION */
/* == */

.a-nav-main
{
float: left;
width: 100%;
margin: 0 0 30px 0;
list-style: none;
}

.a-nav-main .a-nav-item
{
float: left;
width: 119px;
border: none;
margin-left: 1px;
}

.a-nav-main .a-nav-item.first { margin-left: 0; }

.a-nav-main .a-nav-item a
{
float: left;
text-indent: 5px;
font-size: 12px;
text-decoration: none;
color: #fff;
background-color: #333;
text-align: left;
border: 1px solid #333;
border-bottom: none;
width: 117px;
line-height: 20px;
}

.a-nav-main .a-nav-item.a-current-page a, 
.a-nav-main .a-nav-item a:hover { background-color: #fff; color: #333; }

.a-nav-main .a-nav-item.first,
.a-nav-main .a-nav-item.last { border: none; }

.a-nav { list-style: none; }

/* == */
/* == POGIL FORMS - *** .app-view class is for Non-CMS Forms ***/
/* == */

.app-view form
{
position: relative;
float: left;
clear: both;
display: block;
}

.app-view .a-main form
{
border: 1px solid #bbb;
margin: 20px 0 20px 120px;
width: 478px;
}

#event_update_roster
{
	width: 598px;
	margin-left: 0px;
	border-top: 1px solid #bbb;
	border: none;
}

.app-view .a-column-two form .a-form-row { float: left; position: relative; clear: both; }

.app-view .a-column-two form .a-form-row { width: 438px; }

.app-view .a-column-two form .a-form-row.submit { padding: 10px 0; }

.sfApply .a-form-row label
{
	margin-right: 20px;
}

.sfApply form .a-form-row.submit,
.app-view form .a-form-row.submit
{
width: 298px;
margin-left: 140px;
}

.app-view form .a-form-row label
{
float: left;
width: 120px;
margin-right: 20px;
line-height:1.4;
position: relative;
top: 3px;
}

.app-view form .a-form-field
{
position: relative;
float: left;
clear: right;
}

.app-view form .a-form-field.locked
{
	margin: -5px -5px 5px;
	padding: 5px 5px 0;
	background: #fbef3b;
}

.a-column-two form .a-form-field
{
width: 290px;
}

.app-view form .a-form-error
{
position: relative;
float: left;
clear: both;
display: inline;
width: 298px;
overflow: hidden;
margin-left: 140px;
font-size: 11px;
color: #900;
}

.app-view form .a-form-help-text
{
position: relative;
float: left;
clear: both;
display: inline;
width: 240px;
overflow: hidden;
margin-left: 140px;
font-size: 11px;
color:#888;
}

.app-view form .a-form-field input[type="checkbox"],
.app-view form .a-form-field input.checkbox /* TODO: apply checkbox class to input type checkbox */
{
/*rb: min height on inputs to fix check box labels getting cut off since check boxes aren't tall enough */
 min-height:20px;
 height:auto !important;
 height:20px;
}

.app-view form .a-form-field input,
.app-view form .a-form-field textarea,
.app-view form .a-form-field select
{
font-family: Arial, Sans-serif;
font-size: 12px;
}

.app-view form .a-form-field input[type="password"],
.app-view form .a-form-field input[type="text"],
.app-view form .a-form-field input.a-form-input-text,
.app-view form .a-form-field textarea
{/* Extra class is for IE6 */
width: 240px;
border: 1px solid #bbb;
padding: 2px 4px;
}

.app-view form .a-form-field input[type="password"]
{
width: 120px;
}

.app-view form .a-form-field input[type="text"]:focus,
.app-view form .a-form-field input[type="password"]:focus,
.app-view form .a-form-field input.a-form-input-text:focus,
.app-view form .a-form-field textarea:focus
{/* Extra class is for IE6 */
border: 1px solid #333;
}

.app-view form .a-form-field select
{
border: 1px solid #bbb;
padding: 2px;	
/* min-width: 120px; /* Modern Browsers Only -- This makes date fields look messed up. I turned it off 9/1/09 JB */
}

.app-view form .a-form-field input[disabled], 
.app-view form .a-form-field textarea[disabled], 
.app-view form .a-form-field option[disabled], 
.app-view form .a-form-field optgroup[disabled], 
.app-view form .a-form-field select[disabled]
{
background-color: #eee;
color: #555;
border: 1px solid #bbb;
}

.app-view form .a-form-field .ui-datepicker-wrapper
{
position: relative;
float: left;
width: 100%;
clear: both;
color: #fff;
}

.app-view form .a-form-field .ui-datepicker-wrapper select
{
color: #000;
float: left;
}

.app-view form .a-form-field .ui-datepicker-separator
{
float: left;
color: #333;
line-height: 20px;
margin: 2px 4px;
}

.app-view form .a-form-field .a-date-field.hasDatepicker,
.app-view form .a-form-field .a-time-field
{
float: left;
width: 80px !important;
}

.app-view form .a-form-field .ui-datepicker-trigger,
.app-view form .a-form-field .ui-timepicker-trigger
{
display: block;
float: left;
cursor: pointer;
}

.app-view form .a-form-subtitle
{
float: left;
clear: both;
padding: 0 5px 5px 5px !important;
background: #fff;
position: absolute;
top: -10px;
left: -5px;
border-top: 0 !important;
}

.app-view form .a-form-field select.a-date-field,
.app-view form .a-form-field select.a-time-field
{/* The Date Fields don't need a width because they are small! */
min-width: inherit;
}

div.sf_apply.sf_apply_reset_request
{
float: left;
display: inline;
width: 220px;
background-color: #333;
color: #bbb;
padding: 10px;
margin: 0 0 40px 0;
}

div.sf_apply.sf_apply_reset_request form li
{
	margin-top:10px;
}


/* TBB: suitable for the sidebar */
.sidebar-box form
{
position: static;
float: none;
width: 100%;
border: none;
}

.invite-user-container
{
border-top: 1px solid #bbb;
padding-top: 10px;
margin-top: 10px;
float:left;
display:inline;
width:100%;
}

.search-typeahead
{
margin-bottom:10px;	
}

.invite-user-container h5,
.invite-user-container h4
{
width: auto;
float: left;
font-family: arial, sans-serif;
clear: none;
}

#search-typeahead-form input,
#find-users input,
.invite-user-container input
{
width: 212px;
border: 1px solid #fff;
font: 12px Arial, Sans-serif;
padding: 2px 3px;
}

.invite-user-container input.a-sub-submit
{
/*width: auto;*/
}

#addphase
{
display: none;
margin: 0 0 10px 0;
float: left;
width: auto;
width: 220px;
/*font-size: 11px;*/
}

#addphase h5
{
width: 100%;
clear: both;
margin-right: 10px;
}

#addphase .a-form-row,
#addphase .a-form-field
{
float: left;
padding: 0;
width: auto;
clear: none;
}

#addphase .a-form-row
{
width: 100%;
margin-bottom: 10px;
}

#addphase .a-form-field
{
float: right;
}

#addphase .a-form-row label
{
width: 55px;
}

#addphase .a-form-row.submit
{
float: left;
clear: both;
width: auto;
}

/* -- Events Listing Styles -- */

.a-column-two h4.browse-by-group
{
margin-left:120px;
border-color:#bbb;
width:480px;
}

.a-column-two h4.browse-by-group a
{
text-decoration:none;
color:#000;
}

.a-column-two h4.browse-by-group a:hover
{
color:#888;
}

ul.events,
ul.events .event,
ul.events .event ul,
ul.event-requests,
ul.event-requests .event-request,
ul.event-requests .event-request ul
{
float: left;
width: 100%;
clear: both;
position: relative;
display: inline;
}

ul.events .event ul,
ul.event-requests .event-request ul
{
margin-left: 120px;
width: 480px;
}

ul.events.map .event ul
{
margin-left: 0;
}

ul.events .event ul li,
ul.event-requests .event-request ul li
{
float: left;
display: inline;
clear: both;
color: #555;
}

ul.events .event ul li.event-title a,
ul.event-requests .event-request ul li.event-request-title a
{
color: #000;
text-decoration: none;
}

ul.events .event ul li.event-title a:hover,
ul.event-requests .event-request ul li.event-request-title a:hover
{
color: #555;
}

ul.events.map .event ul li.event-title a
{
color:#22f;
}

ul.events.map .event ul li.event-title a:hover
{
text-decoration: underline;
}

ul.events .event ul li.event-title,
ul.events .event ul li.event-description,
ul.event-requests .event-request ul li.event-request-title,
ul.event-requests .event-request ul li.event-request-description
{
float: right;
clear: none;
margin: 0 0 5px 0;
width: 360px;
}

ul.events .event ul li.event-title .my-status
{
position:relative;
top:-1px;
font-size:11px;
color:#fff;
padding:1px 2px;
background-color:#bbb;
}

ul.events .event ul li.event-datetime,
ul.event-requests .event-request ul li.event-request-datetime
{
float: left;
clear: none;
top: 1px;
left: 0;
width: 120px;
font-size: 11px;
}

ul.events .event ul li.event-datetime span
{
display: block;
clear:both;
}

ul.events .event ul li.event-datetime .event-start-date,
ul.events .event ul li.event-datetime .event-end-date
{
white-space: nowrap;
}

ul.events .event ul li.event-location
{
float: left;
display: inline;
position: relative;
margin: 0 20px 0 0;
width: 120px;
clear: none;
font-size: 11px;
}

ul.events .event ul li.event-duration
{
position: relative;
float: left;
display: inline;
margin: 0;
width: 160px;
clear: none;
font-size: 11px;
}

ul.events .event ul li.event-description,
ul.event-requests .event-request ul li.event-request-description
{
font-size: 11px;
margin: 5px 0 20px 120px;
}

ul.events.map .event ul li.event-description
{
margin-bottom: 0;
}

ul.events .event ul li.event-description .event-description-truncated,
ul.event-requests .event-request ul li.event-request-description .event-request-description-truncated
{
cursor: pointer;
}

/* -- Event Wall -------------------------- */

.event-wall .a-sidebar .wall-attachments li,
.group-wall .a-sidebar .wall-attachments li
{
float:left;
margin:2px 0;
}

.event-wall .a-sidebar .wall-attachments li a,
.group-wall .a-sidebar .wall-attachments li a
{
float:left;
width:216px;
overflow:hidden;
white-space:nowrap;
padding:0 2px;
}

.event-wall .a-sidebar .wall-attachments li a:hover,
.group-wall .a-sidebar .wall-attachments li a:hover
{
width:auto;
overflow:visible;
text-decoration:none;
color:#000;
background-color:#bbb;
}

.event-wall ul#wall-posts,
.group-wall ul#wall-posts
{
float:left;
padding-top:20px;
margin-left:120px;
border-top:1px solid #efefef;
}

.wall-post
{
border-bottom:1px solid #efefef;
padding-bottom:20px;
margin-bottom:20px;
float:left;
clear:both;
position: relative;
}

.wall-time
{
font-size:11px;
color:#555;
float:left;
width:100px;
margin-right:20px;
}

.wall-time span
{
white-space:nowrap;
float:left;
clear:both;
}

.wall-content
{
float:left;
width:360px;
}

.wall-content .wall-author
{
color:#555;
float:left;
display:inline;
clear:both;
}

.wall-content .wall-author span
{
color:#000;
margin-right:;
}

.wall-content .wall-body
{
float:left;
display:inline;
clear:both;
}

.wall-content .wall-body .wall-body-text
{
clear: both;
float: left;
color:#555;
margin: 5px 0;
padding-right: 30px;
}

.wall-content .wall-file
{
float:left;
display:inline;
clear:both;
margin-top:5px;
font-size:11px;
}

.wall-content .wall-file a
{
color: #333;
text-decoration: underline;
float: left;
background-color:#efefef;
padding: 2px 4px;
}

.wall-content .wall-file a:hover
{
background-color: #ddd;
color: #000;
text-decoration:none;
}

.wall-content .wall-image-preview img
{
float: left;
display:block;
clear: both;
width: 240px;
margin: 5px 0;
}

.wall-post-delete
{
position: absolute;
top: 0;
right: 0;
}

/* -- Event / Group Sub Navigation -------------------------- */

ul.event-subnav,
ul.group-subnav
{
float: left;
width: 100%;
position:relative;
top:1px;
z-index:2;
}

ul.event-subnav li,
ul.group-subnav li
{
float:left;
width: 119px;
border: none;
margin-left: 1px;
}

ul.event-subnav li.event-info,
ul.group-subnav li.grou[-info]
{
margin-left: 0;
}

ul.event-subnav li a,
ul.group-subnav li a
{
float: left;
text-indent: 5px;
font-size: 12px;
text-decoration: none;
color: #fff;
background-color: #333;
text-align: left;
border: 1px solid #333;
border-bottom: none;
width: 117px;
line-height:20px;
}

.event-info ul.event-subnav li.event-info a,
.event-roster ul.event-subnav li.event-roster a,
.event-wall ul.event-subnav li.event-wall a,
.event-wrapup ul.event-subnav li.event-wrapup a,
ul.event-subnav li a:hover,
.group-info ul.group-subnav li.group-info a,
.group-roster ul.group-subnav li.group-roster a,
.group-wall ul.group-subnav li.group-wall a,
ul.group-subnav li a:hover
{
background-color: #fff;
color: #333;
}


.a-nav-main .a-nav-item.first,
.a-nav-main .a-nav-item.last
{
border: none;
}

/* -- Group Listing Styles -------------------------- */

ul.groups,
ul.groups .group,
ul.groups .group ul
{
float: left;
width: 100%;
clear: both;
position: relative;
}

ul.groups .group ul
{
margin-left: 120px;
}

ul.groups .group ul li
{
float: left;
width: 480px;
clear: both;
color: #555;
}

ul.groups .group ul li.group-name a
{
color: #000;
text-decoration: none;
}

ul.groups .group ul li.group-name a:hover
{
color: #555;
}

ul.groups .group ul li.group-region
{
float: left;
margin-left: 0;
width: 100px;
clear: both;
font-size: 11px;
}

ul.groups .group ul li.group-description
{
font-size: 11px;
margin: 5px 0 20px 0px;
}

ul.groups .group ul li.group-description .group-description-truncated
{
cursor: pointer;
}

.group-roster .user-listing-all-actions
{
	margin: 0 0 20px 0;
}

/* -- Pogil Sidebar - Groups -- */

.pogil-filter-sidebar { margin-top:20px; }

.pogil-filter-sidebar h5
{
font: 12px/20px Arial, Sans-serif;
padding-left: 20px;
background: url(/images/a-sidebar-arrow-333.png) bottom left no-repeat;
margin: 2px 0 0 -5px;
cursor: pointer;
clear: both;
}

.pogil-filter-sidebar h5:hover { color: #bbb; }
.pogil-filter-sidebar .open h5 { background-position: top left; }

.pogil-filter-sidebar a { color: #fff; line-height: 20px; text-decoration: none; }
.pogil-filter-sidebar a:hover { text-decoration: underline; }

.pogil-filter-sidebar ul,
.pogil-filter-sidebar ul li { overflow: hidden; }

.pogil-filter-sidebar .regional-groups ul,
.pogil-filter-sidebar .interest-groups ul { display: none; margin: 5px 0 10px 20px; font-size: 11px; }

.pogil-filter-sidebar li { clear:both; }

.pogil-filter-sidebar li ul li { margin: 0 0 5px 0; }

.pogil-filter-sidebar .regional-groups.open ul,
.pogil-filter-sidebar .interest-groups.open ul { display: block; }

a.a-multiple-select-remove,
a.selected
{
color: #fff;
background: #555;
padding: 0 20px 0 5px;
position: relative;
display: block;
float: left;
clear: both;
}

a.a-multiple-select-remove span,
a.selected span
{
position: absolute;
display: block;
top: 0;
right: 0;
height: 20px;
width: 20px;
background: url(/apostrophePlugin/images/a-icon-alt-cancel.png) bottom left no-repeat;
}

a.a-multiple-select-remove:hover,
a.selected:hover
{
color: #000;
text-decoration: none;
background-color: #bbb;
}

a.a-multiple-select-remove:hover span,
a.selected:hover span
{
background-position: top left;
}


/* -- Pogil Filter Form -- */

.filter-users-container
{
float:left;
display:inline;
margin-top:10px;
padding-top:10px;
border-top:1px solid #bbb;
width:220px;
}

.filter-users-container h4
{
float:left;
display:inline;
clear:both;
}

.app-view .filter-users-container form .a-form-row
{
margin:0;
padding:0;
}

.app-view .filter-users-container form .a-form-row.submit 
{
width:100%;
}

.pogil-filter-sidebar .pogil-user-filters .more-filters
{
display: none;
margin:0;
}

.pogil-filter-sidebar .pogil-user-filters h5 { width: auto; }

.pogil-filter-sidebar .pogil-user-filters form {  }

.pogil-filter-sidebar .pogil-user-filters.open .more-filters { display: block; }

.pogil-filter-sidebar .pogil-user-filters .pogil-filter-form .a-form-row { padding:0; }

.pogil-filter-sidebar .pogil-user-filters .pogil-filter-form label { font-size:11px; margin:0; }

.pogil-filter-sidebar .pogil-user-filters.open .pogil-filter-form a { line-height:inherit; }

.pogil-filter-sidebar .a-multiple-select-list { margin-top:5px; }

#profile-permissions form .a-form-row,
form.pogil-filter-form .a-form-row
{
width: 200px;
}

#profile-permissions form .a-form-row label,
form.pogil-filter-form .a-form-row label
{
display: block;
width: 200px;
clear: both;
line-height: 20px;
margin: 0 0 5px 0;
}

#profile-permissions form .a-form-row.submit,
form.pogil-filter-form .a-form-row.submit
{
margin: 10px 0 !important;
}

#profile-permissions form .a-form-row select,
form.pogil-filter-form .a-form-row select
{
width: 200px;
border: 1px solid #bbb;
}

form.pogil-filter-form .a-form-row input[type="text"]
{
width: 192px;
}

#profile-permissions form .a-form-row .a-form-field,
form.pogil-filter-form .a-form-row .a-form-field
{
float: left;
width: 200px;
clear: both;
position: relative;
top: 0;
left: 0;
}

.sidebar-wrapper.profile-permissions #form-chunk-permissions
{
list-style:none;
position:relative;
}

.sidebar-wrapper.profile-permissions #profile-permissions
{
position:relative;
float:left;
display:inline;
width:220px;
}

.sidebar-wrapper.profile-permissions #profile-permissions .normal-view li
{
color:#000;
}

.sidebar-wrapper.profile-permissions #profile-permissions .normal-view li ul li
{
color:#555;
}

.sidebar-wrapper.profile-permissions #form-chunk-permissions .a-form-edit-button
{
font: 12px/20px Arial, Sans-serif;
color: #000;
background: #fbef3b;
border: 1px solid #fbef3b;
float: right;
display:inline;
height: 20px;
text-decoration: none;
padding: 0 5px;
}

.sidebar-wrapper.profile-permissions #form-chunk-permissions .a-form-edit-button:hover
{
border: 1px solid #000;
}

.sidebar-wrapper.profile-permissions #form-chunk-permissions .a-form-edit-button img
{
float: left;
margin: 2px 0;
}

.sidebar-wrapper.profile-permissions form .a-form-row
{
margin:0;
padding:0;
}


/* == */
/* POGIL feedback form =========================== */
/* == */

.a-feedback-form .a-form-help-text { width: 240px; }

.a-feedback-submitted
{
font-size: 14px;
color: #fbef3b;
padding: 2px 3px;
background-color: #000;
text-align: right;
}

.a-feedback-submitted .submitted-by { color: #fff; font-weight: bold; }

/* a-Media forms - Restore Pogil form changes */
.a-media-plugin form
{
float: left;
width: auto;
border: none;
}

.a-media-plugin form .a-form-row
{
padding: 0;
margin: 10px 0;
}

.a-media-plugin form .a-form-row label
{
margin: 0;
}

/* == */
/* POGIL - Event RSVP / RECEIPT =========================== */
/* == */

.a-2column.receipt .a-column-two .form-chunk ul.normal-view
{
width:100%;
/* make sure width 100% doesn't add the padding outside the box in IE */
padding:20px;
background-color:#eee;
display: inline;	
}

.a-form-field .radio_list li
{
float: left;
}

.a-form-field .radio_list input
{
margin-top: 5px;
}

.a-form-field .radio_list label
{
width: auto;
float: right;
}

/* == */
/* POGIL - User Type	 Select Thing =========================== */
/* == */

#selectphase #user-choices
{
margin: 5px 0;
overflow: hidden;
}

#selectphase #user-choices li
{
float: left;
clear: both;
padding: 0 3px;
}

#selectphase #user-choices li:hover
{
background: #fff;
color: #000;
cursor: pointer;
}

.ac_results
{
border-color: #bbb;
}

.ac_results li
{
font-family: arial, sans-serif;
}

.ac_results .ac_even,
.ac_results .ac_odd
{
background-color: #fff;
}

.ac_results .ac_over
{
color: #000;
background-color: #fbef3b;
}

/* == */
/* POGIL - User Listings (Event Roster, Group Roster, etc.) =========================== */
/* == */

.user-listing
{
width: 100%;
margin: 0 0 20px 0;
float: left;
}

.user-listing ul,
.user-listing-heading
{
float: left;
width: 100%;
clear: both;
}

.user-listing-heading
{
font-size: 14px;
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #333;
}

.user-listing-heading .actions
{
	text-align: right;
}

.user-listing-heading a
{
float: left;
color: #000;
text-decoration: none;
}

.user-listing-heading a:hover
{
text-decoration: underline;
}

.user-listing-heading .sorted a
{
padding-right: 20px;
}

.user-listing-heading .sorted a.asc
{
background: url(/apostrophePlugin/images/a-icon-asc.png) center right no-repeat;
}

.user-listing-heading .sorted a.desc
{
background: url(/apostrophePlugin/images/a-icon-desc.png) center right no-repeat;
}

.user-listing-row,
.user-listing-row ul
{
float: left;
width: 100%;
clear: both;
margin-bottom: 10px;
}

.user-listing-row ul
{
margin: 0;
}

.app-view .a-main .user-listing form /* This selector is verbose to override form styles above */
{
width: 100%;
margin: 0;
border: 0;
}

.user-listing form label
{
display: none;
}

.event-wrapup .user-listing form li.status
{
position: relative;
}

.event-wrapup .user-listing form li.status label
{
float: left;
display: block;
padding-left: 16px;
}

.event-wrapup .user-listing form li.status input
{
position: absolute;
top: 0;
left: 0;
}

.user-listing li
{
position: relative;
float: left;
display: inline;
/*overflow: hidden;*/
}

.user-listing li.no-result
{
width:480px;
}

.user-listing li.name,
.user-listing li.status,
.user-listing li.phone,
.event-roster .user-listing li.role,
.event-roster .user-listing li.email
{
width: 130px;
float:left;
display:inline;
position: relative;
}

.user-listing li.name
{
	z-index:1;
}

.user-listing li.name .contact-info
{
	position: absolute;
	top: 0;
	left: auto;
	right: 100%;
/*	margin-right: 10px;*/
	background: #bbb;
	display: none;
	z-index:9999;
	width: auto;
	-moz-box-shadow:rgba(0,0,0,0.25) 3px 3px 14px;
	-webkit-box-shadow:rgba(0,0,0,0.25) 3px 3px 14px;
	-opera-box-shadow:rgba(0,0,0,0.25) 3px 3px 14px;
	-khtml-box-shadow:rgba(0,0,0,0.25) 3px 3px 14px;	
	box-shadow:rgba(0,0,0,0.25) 2px 3px 14px;
	border: 5px solid #bbb;
	min-width: 150px;
	float: left;
}

.user-listing li.name .contact-info ul
{
float: left;
clear: both;
width: 100%;
display:inline;
position: relative;
}

.user-listing li.name .contact-info ul li
{
	float: left;
	width: 100%;
	clear: both;
	position: relative;
}

/*.event-roster .user-listing li.role select
{
	width:100px;
}*/

.event-roster .user-listing li.email a
{
	width:120px;
	overflow:hidden;
	float:left;
}

.event-roster .user-listing li.email a:hover
{
	overflow:visible;
	width:auto;
}

.user-listing li.email
{
width: 240px;
overflow: hidden;
}

.event-roster .user-listing-heading .user-listing.admin-user-listing li.role,
.event-roster .user-listing.admin-user-listing li.role,
.user-listing li.evaluation
{
width: 170px;
}

.profile .user-listing li.role,
.profile .user-listing li.groups
{
width: 140px;
}

.profile .user-listing li.role ul,
.profile .user-listing li.groups ul,
.profile .user-listing li.role li,
.profile .user-listing li.groups li
{
float: left;
width: 100%;
clear: both;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
}

.user-listing .closed .hidden
{
display: none;
}

.pogil-roster-controls
{
	float: left;
	display: block;
	position: absolute;
	top: 0;
	right: 100%;
	font-size: 11px;
	line-height: 20px;
	width: 110px;
	white-space: nowrap;
}

.pogil-roster-controls a
{
	color: #999;
	float: left;
	line-height: 20px;
	margin-right: 5px;
	display: none;
}

.pogil-roster-controls.over
{
/*	width*/
}

.pogil-roster-controls.over a
{
	display: block;
}

.pogil-roster-controls.over a:hover
{
	color: #333;
}

.pogil-toggle-arrow
{
float: right;
display: block;
background: url(/apostrophePlugin/images/a-icon-arrow-toggle.png) 0 -60px;
overflow: hidden;
text-indent: -999px;
height: 20px;
width: 20px;
}

.pogil-toggle-arrow:hover
{
cursor: pointer;
background-position: 0 -20px;
}

.closed .pogil-toggle-arrow
{
background-position: 0 0;
}

.closed .pogil-toggle-arrow:hover
{
background-position: 0 -40px;
}

.user-listing li.coordinator
{
width: 280px;
}

.user-listing li.actions ul
{
	float: right;
}

.event .user-listing li.actions
{
float: right;
width: 65px;
}

.group .user-listing li.actions
{
width: 100px;
}

.profile .user-listing li.actions
{
width: 80px;
}

.user-listing li.actions li
{
float: right;
margin-left: 1px;
}

.a-column-two .a_pager_navigation {
float: right;
width: auto;
}

.user-listing-all-actions
{
float:right;
}

.user-listing ul.user-listing-rsvp-info
{
	float: left;
	width: 100%;
	clear: both;
	position: relative;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}

.user-listing ul.user-listing-rsvp-info li
{
	float:left;
	clear:both;
	display:inline;
	margin-bottom:10px;
	width: 100%;
}

.user-listing ul.user-listing-rsvp-info li h5
{
	font-size:14px;
	float:left;
	clear:both;	
	display:inline;
	width: 100%;
	margin:2px 0 !important;
	border:none !important;
}

.user-listing ul.user-listing-rsvp-info li p
{
	font-size: 12px;
	width: 100%;
	float: left;
	clear: both;
}

/*------ Start Assessment form --------*/

.assessment-directions
{
	margin:10px 20px;
}


/*------ End Assessment form --------*/

/*------ Email from Roster form --------*/

.a-column-two .email-form-body .a-form-field.email-addresses,
.a-form-field.email-addresses
{
border:1px solid #bbb;
width:240px;
padding:2px 4px;
}

.a-column-two .email-form-body .a-form-field.email-addresses.all-list,
.a-form-field.email-addresses.all-list
{
height:120px;	
overflow:auto;
}

#email_toVisible .email-address
{
display:block;
}

#email_toVisible .email-address span
{
color:#999;
}


#email_toVisible .email_fullname
{
	color: #333;
	margin-right: 5px;
}

#email_toVisible .email_username
{
	margin-right: 5px;
}

#email_toVisible .email_fullname,
#email_toVisible .email_username,
#email_toVisible .email_remove
{
	float: left;
}

#email_toVisible .email-address
{
	float: left;
	clear: both;
	margin-bottom: 3px;
}

/**** START TIME WIDGET ****/

.a-timepicker
{
overflow: auto;
width: 100px;
height: 150px;
border: 2px solid green;
display: none;
}

.a-timepicker li.current {
font-weight: bold;
}

/**** END TIME WIDGET ****/

#map
{
background: #333;
}

.app-view .email-form,
.email-form
{
display: none;
}


.viewable_toggle_lock
{
	float: right;
	display: inline;
	position: relative;
	border: 0;
	background: url('/images/new-lock-icons.png') 0 -60px no-repeat;
	height: 20px;
	width: 20px;
	overflow: hidden;
	text-indent: -9999px;
}

.viewable_toggle_lock.locked
{
	background-position: 0 0;
}

.viewable_toggle_lock:hover
{
	background-position: 0 -20px;
}

.viewable_toggle_lock.locked:hover
{
	background-position: 0 -40px;
}

.viewable_toggle_lock_text
{
	float: left;
	width: 100%;
	clear: both;
	position: relative;
	margin: 5px 0;
	font-size: 11px;
	display: none;
}

.locked .viewable_toggle_lock_text
{
	display: block;
}

form#pogil-event-wall-form .a-form-row.wall-submit,
form#pogil-group-wall-form .a-form-row.wall-submit
{
	float: left;
	margin: 20px 0 20px 140px !important;
}

#pogil-event-wall-form-toggle,
#pogil-group-wall-form-toggle
{
	float: left;
	clear: both;
	margin: 0 0 20px 120px;
}

#do-not-edit {
background: #f22;
color: #fff;
padding: 10px;
font-size: 1.2em;
}

#do-not-edit a {
color: #fff;
text-decoration: underline;
}

#do-not-edit strong,
.normal-view li strong {
font-weight: bold;
}

.a-form-row .captcha
{
float: left;
}
input.captcha
{
width: 100px !important;
}
img.captcha
{
margin-top:-5px;
margin-left:5px;
}

#evaluation-instructions ul
{
	clear: both;
}

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

#evaluation-instructions h5 { float: left; position: relative; clear: both;}

#evaluation-instructions
{
	padding-bottom: 10px;
}

.print-roster,
.for-print-value
{
	display: none;
}

#evaluation-instructions,
#event-wrapup
{
	position: relative;
	width: 480px;
	margin-left: 120px;
	float: left;
	clear: both;
}

.app-view .a-main #event-wrapup form
{
	margin: 20px 0;
}

#evaluation-instructions.closed ul
{
	display: none;
}

.help-text
{
	color: #888;
}

.for-print-logo
{
	display: none;
}

.a-media-edit-form div.tag-suggestions
{
	left: 0;
}

.email-form-sent
{
display: none;
}

/*input#event_payment_amount
{
	padding-left: 14px;
	width: 230px;
	background-image:url('/images/pogil_dollar.png');
	background-position: 2px 50%;
	background-repeat: no-repeat;
}*/

textarea#email_message { height: 275px; }


/* ASANDBOX Signin Form  http://tld/login
-------------------------------------*/

.a-signin.page { 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	background-color: #EFEFEF;
	border: 1px solid #DDDDDD;
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.10);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.10);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.10);
}

.a-signin { float: left; position: relative; display: block; clear: both; margin: 20px auto; }
.a-signin form { }
.a-signin label { display: block; float: none; font-size: 16px; width: auto; margin-bottom: 2px; }
.a-signin .a-form-row input[type="text"],
.a-signin .a-form-row input[type="password"] { width: 175px; padding: 4px; }
.a-signin .a-form-row {	float: none; width: auto; clear: both; overflow: hidden; display: block; margin: 20px 20px -10px; }
.a-signin .a-form-row.submit { margin: 30px 20px 20px; }
.a-signin .a-forgot-password { display: block; font-size: 11px; margin: -10px 20px 10px; float: left; color: #999; }
.a-signin.forgot .message { width: 440px; }
.a-signin.forgot .help { margin: 5px 0 0;}


/* ASANDBOX Staging - Do Not Edit Message
------------------------------------------- */
.a-do-not-edit { background: #f22; padding: 10px; }
.a-do-not-edit div { overflow: hidden; margin: 0 auto; width: 960px; color: #fff; font-size: 16px; text-align: center; text-shadow:	1px 1px 1px rgba(0,0,0,0.45); }
.a-do-not-edit a { color: #fff; text-decoration: underline; }
.a-do-not-edit strong { font-weight: bold; }


/* ASANDBOX aRichtext Slot
-------------------------------------*/
.a-slot.aRichText .a-slot-content p { margin-bottom: 10px; }


/* ASANDBOX Sidebar Styles
-------------------------------------*/
.a-admin-sidebar {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
-opera-box-shadow:none;
-khtml-box-shadow:none;
box-shadow:none;
border:none;
float:left;
margin:0;
overflow:hidden;
width:200px;
background-color: #bbb;
}


.normal-view .a-nav-subnav .a-nav-item.a-current-page { background-color: #555; }
.normal-view .a-nav-subnav .a-nav-item.a-current-page a:hover { text-decoration: none; }

.a-subnav-inner { padding: 0; width: auto; float: none; }

.aMedia .a-subnav-inner { padding: 10px; float: left;}

.a-subnav-section { color: #333; }
.a-admin-sidebar a { color: yellow; }

.pogil-login-controls { float: right; list-style: none; margin: 10px 0 5px; }
.pogil-login-controls li { float: left; }
.pogil-login-controls a { text-decoration: none; }


/* Apostrophe Interface Colors
-------------------------------------*/

/* Apostrophe Mark - Color */
.a-ui.a-global-toolbar .the-apostrophe { background-color: rgb(245,190,0); background-color: rgba(245,190,0,0.85); }

/* Apostrophe Button - Color */
.a-ui .a-btn,
.a-ui .a-submit,
.a-ui .a-cancel,
a.a-btn,
a.a-submit,
a.a-cancel,
a:visited.a-btn,
a:visited.a-submit,
a:visited.a-cancel,
.a-btn,
.a-submit,
.a-cancel
{ 
	color: #222;
	text-decoration: none;
	text-shadow: 0 -1px 0px rgba(255,255,255,0.20);
	background-color: rgb(245,190,0);
	background-color: rgba(245,190,0,0.85);	
	background-image: -moz-linear-gradient(center bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(255,255,255,0)), color-stop(1, rgba(255,255,255,0.4)));
	border:1px solid rgba(20,20,20,0.2);
}

/* Apostrophe Button - Border Radius */
.a-btn, .a-submit, .a-cancel, .a-admin-list th a { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

/* Apostrophe Button - Hover & Focus */
.a-ui .a-btn:hover,
.a-ui .a-submit:hover,
.a-ui .a-btn:focus,
.a-ui .a-submit:focus,
.a-btn:hover,
.a-submit:hover,
.a-btn:focus,
.a-submit:focus,
.the-apostrophe:hover
{ 
	color: #fff;
	text-shadow: 0 -1px 0px rgba(0,0,0,0.20);
	text-decoration: none;
	background-color: #999;
}

.a-ui .a-link:hover,
.a-ui .a-link:focus,
.a-link:hover,
.a-link:focus
{
	color: #000;
}

/* Apostrophe Button - Active */
.a-btn:active
{ 
	color: #eee;
	text-shadow: 0 -1px 0px rgba(0,0,0,0.20);
	background-color: #111;
	text-decoration: none;
}

.a-cancel:hover,
.a-cancel:focus,
{ 
	color: #fff;
	text-shadow: 0 -1px 0px rgba(0,0,0,0.20);
	background-color: #666;
	text-decoration: none;
}

/* Apostrophe Button - Alternative Color */
.a-ui .a-btn.alt,
.a-ui .a-submit.alt,
.a-ui .a-cancel.alt,
.a-btn.alt,
.a-submit.alt,
.a-cancel.alt
{
	color: #555;
	text-shadow: 0 1px 0px rgba(255,255,255,255.20);
	background-color: #f0f0f0;
	border:1px solid #ccc;
}

/* Apostrophe Button - Alternative Hover & Focus */
.a-ui .a-btn.alt:hover,
.a-ui .a-submit.alt:hover,
.a-ui .a-cancel.alt:hover,
.a-ui .a-btn.alt:focus,
.a-ui .a-submit.alt:focus,
.a-ui .a-cancel.alt:focus,
.a-btn.alt:hover,
.a-submit.alt:hover,
.a-cancel.alt:hover,
.a-btn.alt:focus,
.a-submit.alt:focus,
.a-cancel.alt:focus
{ /* Button Styles */
	color: #000;
	background-color: #E0E0E0;
}

.a-ui .a-btn.lite { color: #00f; background: none; border: 1px solid transparent;}
.a-ui .a-btn.lite.a-active { color: #111; background-color: #ccc; }

.a-media-footer-button:hover { background-color: rgb(245,190,0); }

/* Apostrophe Admin Link Color */
.a-attribution a,
.a-admin-content a,
.a-global-toolbar .a-logged-in-user span,
#a-personal-settings-heading span
{
	color: rgb(245,190,0);
}

/* File types list element on the wall post form */
li.pg-filetypes
{
  display: block;
  margin-bottom: 50px;
}

.a-ui .a-btn.pogil-export-roster-button
{
	float: right;
	position: relative;
	top: -25px;
	margin: 0 0 -20px 0;
}

.a-ui .a-btn.pogil-export-events-button
{
	float: right;
	position: relative;
	top: -40px;
	margin: 0 0 -20px 0;
}

/**/

.pogil-paypal-help
{
	float:left;
	margin: 10px 0 0 140px;
}

.pogil-paypal-help li
{ 
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 20px;
	margin-bottom: 5px;
}

.a-form-row input[type="text"].pogil-paypal-url
{
	clear:both;
	width: 100%;
}