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

.pk-area
{
margin: 0;
}

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

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

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

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

a.pk-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;
line-height: 1.2;
margin-bottom: .5em;
}

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

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

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

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

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

#pk-wrapper
{/* Site Wrapper, For Layout */
width: 960px;
margin: 0 auto;
position: relative;
}

#pk-header
{
float: left;
width: 100%;
position: relative;
margin: 0 0 40px 0;
}

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

#pk-header h1
{
float: left;
height: 90px;
width: 550px;
}

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

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

#pk-content
{
float: left;
display: block;
position: relative;
width: 100% !important;
}

#pk-footer
{
margin-top: 40px;
padding: 20px 0;
border-top: 1px solid #bbb;
display: inline;
position: relative;
float: left;
width: 100%;
}

/* == */
/* == POGIL - Login bar =========================== */
/* == John: .pk-controls and .pk-btn are not a usable option when outside the CMS module. */
/* == */

#pk-header-bar
{
float: right;
display: inline;
position: relative;
z-index: 999;
/*background: #022347; we probably will have to change the color, but hopefully not yet */
background: #333;
width: 100%;
clear: both;
margin-bottom: 20px;
}

#pk-header-bar.logged-out
{
margin-bottom: 0;
}

#pk-header-bar li
{
float: left;
display: inline;
position: relative;
height: 30px;
margin: 0 5px 0 0;
padding: 0 5px;
}

#pk-header-bar li.pk-header-dashboard
{
margin-left: 10px;
}

#pk-header-bar li.pk-header-login
{
float: right;
}

#pk-header-bar li.pk-header-profile
{
margin-left:15px;
}

#pk-header-bar li li
{
margin: 0;
}

#pk-header-bar li a
{
float: left;
line-height: 30px;
height: 30px;
padding: 0 6px;
color: #bbb;
text-decoration: none;
}

#pk-header-bar li a:hover
{
background-color: #555;
color: #fff;
}

#pk-header-bar li.pk-logged-in-as a
{
	display:inline;
	float:none;
	padding:2px 0;
	border-bottom:none;
}

#pk-header-bar li a.pk-header-btn.icon
{
padding: 0;
}

#pk-header-bar li a.pk-header-btn.icon .pk-b
{
float: left;
height: 100%;
background-repeat: no-repeat;
padding: 0 5px 0 20px;
}

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


#pk-header-bar a.pk-header-btn.add-event .pk-b,
#pk-header-bar a.pk-header-btn.add-group .pk-b
{
background: url(/pkToolkitPlugin/images/pk-icon-add.png) top left no-repeat;
}

#pk-header-bar a.pk-header-btn.pk-dropdown-arrow:hover,
#pk-header-bar .open a.pk-header-btn.pk-dropdown-arrow
{
color: #fff;
background-position: top right;
}

.normal-view #pk-header-bar li a.cms,
.default #pk-header-bar li a.dashboard,
.inbox #pk-header-bar li a.inbox,
.profile #pk-header-bar li a.profile,
.group #pk-header-bar li a.groups,
.event #pk-header-bar li a.events
{
background-color: #fff;
color: #000;
}

.normal-view #pk-header-bar li a.cms:hover,
.default #pk-header-bar li a.dashboard:hover,
.inbox #pk-header-bar li a.inbox:hover,
.profile #pk-header-bar li a.profile:hover,
.groups #pk-header-bar li a.groups:hover,
.event #pk-header-bar li a.events:hover
{
color: #555
}

.normal-view #pk-header-bar a.cms.pk-dropdown-arrow,
.event #pk-header-bar a.events.pk-dropdown-arrow,
.group #pk-header-bar a.groups.pk-dropdown-arrow,
.profile #pk-header-bar a.profile.pk-dropdown-arrow
{
background-image: url(/images/pk-dropdown-arrow-fff.png);
}

.normal-view #pk-header-bar .open a.cms.pk-dropdown-arrow,
.event #pk-header-bar .open a.events.pk-dropdown-arrow,
.group #pk-header-bar .open a.groups.pk-dropdown-arrow,
.profile #pk-header-bar a.profile.pk-dropdown-arrow
{
color: #555;
background-image: url(/images/pk-dropdown-arrow-fff.png);
}


#pk-header-bar li a.pk-header-btn.login
{
height: 18px;
line-height: 18px;
margin: 5px;
border: 1px solid #555;
background-color: #333;
color: #fff !important;
}

#pk-header-bar li a.pk-header-btn.login:hover
{
background-color: #fff;
border-color: #fff;
color: #333 !important;
}

#pk-header-bar .pk-logged-in-as
{
line-height: 30px;
padding: 0 5px 0 0;
color: #bbb;
}

#pk-header-bar .pk-logged-in-as span
{
color: #fff;
text-decoration: underline;
}

#pk-header-bar .pk-header-dropdown
{
position: absolute;
top: 30px;
left: 5px;
background-color: #333;
padding: 5px 0;
display: none;
}

#pk-header-bar .open .pk-header-dropdown
{
display: block;
}

#pk-header-bar .pk-header-dropdown li
{
height: auto;
padding: 0 5px;
}

#pk-header-bar .pk-header-dropdown li a
{
height: 20px;
line-height: 20px;
white-space: nowrap;
color: #bbb !important;
background-color: #333 !important;
}

#pk-header-bar .pk-header-dropdown li a:hover
{
color: #fff !important;
background-color: #555 !important;
}

#pk-header-bar.logged-out
{
background: none;
color: #333;
padding-right: 20px;
}

#pk-header-bar.logged-out li
{
float: right;
height: auto;
margin: 0;
padding: 0;
}

#pk-header-bar.logged-out li a
{
float: left;
line-height: 20px;
height: 20px;
padding: 0 6px;
margin: 5px 0;
color: #333;
text-decoration: none;
}

#pk-header-bar.logged-out li a:hover
{
background: none;
text-decoration: underline;
}

#pk-header-bar.logged-out a.pk-header-btn.login
{
border-color: #333;
}


#pk-header-bar.logged-out a.pk-header-btn.login:hover
{
background-color: #fff;
border-color: #333;
color: #333;
text-decoration: none;
}

/* == */
/* == POGIL - pk-login page =========================== */
/* == */

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

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

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

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

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

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

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

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

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

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

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

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

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

/* == */
/* == POGIL - Customizing Apostrophe UI Colours =========================== */
/* == */

.pk-btn .pk-b,
input.pk-submit
{
color: #000;
/*rb: 9.11.09 there's a problem with the history button not getting black text*/
}

.pk-i
{/* Grey Buttons */
background-color: #fbef3b;
}

a.pk-btn.b .pk-i
{/* Yellow Buttons */
background-color: #FBEF3B;
}

a.pk-btn:hover,
a.pk-btn:hover span,
a.pk-btn.icon:hover
{
background-color: #888;
}

#pk-header-bar .icon.pk-media .pk-b
{
background-image: url(/pkToolkitPlugin/images/pk-icon-photo.png);
}

.icon.pogil-wrapup .pk-b
{
background-image: url(/images/pk-icon-alt-wrapup.png);
}

.icon.pk-email .pk-b
{
background-image: url(/pkToolkitPlugin/images/pk-icon-alt-email.png);
}

.icon.pk-media .pk-b
{
background-image: url(/pkToolkitPlugin/images/pk-icon-alt-photo.png);
}

.icon.pk-feed .pk-b
{
background-image: url(/pkToolkitPlugin/images/pk-icon-alt-feed.png);
}

.icon.pk-blog .pk-b,
.icon.pk-blogpost .pk-b
{
background-image: url(/pkToolkitPlugin/images/pk-icon-alt-blog.png);
}

.icon.pk-video .pk-b
{
background-image: url(/pkToolkitPlugin/images/pk-icon-alt-video.png);
}

.icon.pk-image .pk-b
{
background-image: url(/pkToolkitPlugin/images/pk-icon-alt-photo.png);
}

.icon.pk-slideshow .pk-b
{
background-image: url(/pkToolkitPlugin/images/pk-icon-alt-slideshow.png);
}

.icon.pk-richtext .pk-b,
.icon.pk-text .pk-b
{
background-image: url(/pkToolkitPlugin/images/pk-icon-alt-text.png);
}

.icon.pk-add .pk-b
{
background-image: url(/pkToolkitPlugin/images/pk-icon-alt-add.png);
}

.icon.pk-history .pk-b,
.icon.pk-history-revert .pk-b
{
background-image: url(/pkToolkitPlugin/images/pk-icon-alt-history.png);
}

.pk-cancel .pk-b
{
background-color: #bbb;
background-image: url(/pkToolkitPlugin/images/pk-icon-alt-cancel.png);
}

.pk-cancel:hover .pk-b
{
background-color: #aaa;
}

.icon.pk-button .pk-b
{
background-image: url(/pkToolkitPlugin/images/pk-icon-alt-button.png);
}

.icon.pk-pdf .pk-b
{
background-image: url(/pkToolkitPlugin/images/pk-icon-alt-pdf.png);
}

.icon.pk-download .pk-b
{
background-image: url(/pkToolkitPlugin/images/pk-icon-alt-download.png);
}

.icon.pk-publish .pk-b,
.icon.pk-edit .pk-b
{
background-image: url(/pkToolkitPlugin/images/pk-icon-alt-edit.png);
}

.icon.pk-arrow-up .pk-b
{
background-image: url(/pkToolkitPlugin/images/pk-icon-alt-arrow-up.png);
}

.icon.pk-arrow-down .pk-b
{
background-image: url(/pkToolkitPlugin/images/pk-icon-alt-arrow-down.png);
}

.icon.pk-delete .pk-b
{
background-image: url(/pkToolkitPlugin/images/pk-icon-alt-trash.png);
}

.icon.pk-calendar .pk-b
{
background-image: url(/pkToolkitPlugin/images/pk-icon-alt-event.png);
}
/*
.icon.pk-close .pk-b
{
background-image: url(/pkToolkitPlugin/images/pk-icon-alt-close.png);
}
*/

/* == */
/* == POGIL - CMS Admin Interface Overrides =========================== */
/* == */

.pkContextCMSButton .pk-slot-form
{
float: left;
}

.pkContextCMSButton .pk-slot-form p
{
margin-bottom: 2px;
}


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

.pk-home #pk-tab-navigation
{
float: left;
width: 100%;
margin: 0 0 1px 0;
}

.pk-home #pk-breadcrumb
{
margin: 20px 0;
}

.pk-home #pk-area-banner
{
margin: 1px 0 0;
}

.pk-home #pk-area-banner .pkContextCMSSlideshow
{
margin: 0;
}

.pk-home #pk-area-banner .pk-slideshow-description
{
position: absolute;
margin: 0;
top: 30px;
left: 30px;
width: 460px;
height: 300px;
font: 30px "Times New Roman", Times, Serif !important;
color: #fff;
}

.pk-home #pk-area-banner .pk-slideshow-description p
{
float: left;
line-height: 34px;
}

.pk-home #pk-area-banner .pk-slideshow-description p span
{
background: url(/images/pogil-black-25opacity.png);
}

.pk-home #pk-area-banner .pk-slideshow-description a
{
color: #fff;
}

.pk-home #pk-area-banner .pk-slideshow-description a:hover
{
background-color: #000;
}

.pk-home #pk-area-banner #pk-slideshow-controls-banner-1
{
top: 330px;
right: 10px;
}

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

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

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

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

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

.normal-view .subnav .self_item
{
background-color: #555;
padding-left: 5px;
}

.normal-view .subnav .self_item a
{
/*color: #000;*/
}

.subnav .icon.pk-drag .pk-i
{
background-color: #333;
}

.pk-default.pkContextCMS #pk-column-two
{
width: 600px;
float: left;
display: inline;
margin: 0;
}

.pk-default #pk-area-column-two
{
width: 100%;
}

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

#pk-column-two .pkContextCMSRichText h5,
#pk-column-two .pkContextCMSRichText p
{
float: left;
display:inline;
clear:both;
margin-left: 120px;
width: 480px;
}

#pk-column-two .pkContextCMSRichText table
{
float: left;
display:inline;
clear:both;
margin-left: 120px;
}

#pk-column-two .pkContextCMSButton,
#pk-column-two .pkContextCMSPDF,
#pk-column-two .pkContextCMSVideo
{
	float: left;
	display:inline;
	clear:both;
	margin-left: 120px;
	width: auto;
}

#pk-column-two .pkContextCMSRichText ul,
#pk-column-two .pkContextCMSRichText ol
{
float: left;
margin: 0 0 10px 135px;
width: 480px;
color: #555;
list-style-position: outside;
}

#pk-column-two .pkContextCMSSlideshow {
margin-left: 120px;
/* rb 10.21.09 this was making the controls collapse until an image was present, changed it to the actual width
width: auto;*/
width:480px;
}

.pk-default #pk-context-cms-contents-container-body,
.pk-default #pk-context-cms-contents-container-footer
{
width: 680px;
margin-left: 280px;
}

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

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

.sidebar-wrapper
{
/*background-color:#333;*/
}

.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;
}

.subnav-wrapper #pk-subnav,
.sidebar-wrapper .sidebar-box
{
margin: 0 10px;
width: 220px;
float:left;
display:inline;
}


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

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

.subnav-wrapper .subnav a:hover,
.sidebar-wrapper .sidebar-box 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;
}

#pk-subnav .pk-search-form
{
background: #fff none;
}

.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.pk-controls
{
	margin-top:5px !important;
}

.sidebar-wrapper.pogil-profile-photo .pk-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 - pk-search =========================== */
/* == */

.pk-search-form
{
border: none;
}
#pk-subnav .pk-search-form .pk-search-field
{
padding-left: 0;
}

#pk-subnav .pk-search-form .pk-search-submit
{
background-image: url(/images/pk-search-submit.png);
}


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

#pk-column-one
{
width: 240px;
float: left;
display: inline;
position: relative;
margin: 0 120px 0 0;
/*overflow: hidden;
rb: 11.6.09 this seemed excessive, I need to display wall file names block on hover
*/
}

#pk-column-two
{
float: left;
display: inline;
position: relative;
}

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

.pk-2column #pk-column-two
{
width: 600px;
float: left;
display: inline;
margin: 0;
}

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

.pk-2column #pk-column-two .pkContextCMSRichText p
{
float: left;
margin-left: 120px;
width: 480px;
}

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

.pk-2column #pk-column-two .form-chunk dl
{

}

.pk-2column #pk-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;
}

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

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

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

.pk-2column #pk-column-two .form-chunk .pk-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;
}

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

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

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

#pk-breadcrumb
{
width: 100%;
font-family: arial, sans-serif !important;
margin: 0 0 40px 0;
height: auto;
float: left;
position: relative;
}

#pk-breadcrumb .pk-breadcrumb-slash
{
margin: 2px 8px 0 5px;
}

#pk-breadcrumb .pk-breadcrumb-form
{
border: none;
margin: 0;
clear: none;
}

#pk-breadcrumb .pk-breadcrumb-title.current-page
{
font-family: Georgia, Times, Serif !important;
height: auto;
clear: both;
}

.pk-breadcrumb-title-rename.is-a-child
{
}

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

/* == */
/* POGIL #pk-page-settings =========================== */
/* == */

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

#pk-page-settings, 
#pk-personal-settings
{
border: none;
margin-top: 0;
}

#pk-page-settings h3
{
	margin-top: 10px;
}

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

#pk-page-settings-left, 
#pk-page-settings-right
{
width: 440px;
}

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

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

#pk-page-settings-form #pk-page-settings-note
{
width: 300px;
}

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

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

#pk-tab-navigation
{
float: left;
width: 100%;
margin: 0 0 40px 0;
}

#pk-tab-navigation .pk-tab-nav-item
{
width: 119px;
border: none;
margin-left: 1px;
}

#pk-tab-navigation .pk-tab-nav-item.first
{
margin-left: 0;
}

#pk-tab-navigation .pk-tab-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;
}

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

#pk-tab-navigation .pk-tab-nav-item.first,
#pk-tab-navigation .pk-tab-nav-item.last
{
border: none;
}

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

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

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

form .pk-form-row
{
float: left;
position: relative;
clear: both;
padding: 20px 20px 0;
}

.app-view form .pk-form-row
{
width: 438px;	
}

form .pk-form-row.submit
{
padding: 20px 20px 20px 160px;
display: inline;
}


.sfApply form .pk-form-row.submit,
.app-view form .pk-form-row.submit
{
width: 298px;
}

form .pk-form-row.submit li
{
float: left;
display: block;
overflow: hidden;
padding-right: 5px;
clear:none;
display: inline;
}

form .pk-form-row.submit li a
{
	position: relative;
	width: auto;
	float: left;
	display: inline;
	clear: both;
	margin: 0;
	padding: 0;
}

form .pk-form-row label
{
float: left;
width: 120px;
margin-right: 20px;
line-height:1.4;
position: relative;
top: 3px;
text-transform: capitalize;
}

form .pk-form-field
{
position: relative;
float: left;
clear: right;
}

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

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

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

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

form .pk-form-field input[type="checkbox"],
form .pk-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;
}

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

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

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

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

form .pk-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 */
}

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

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

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

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

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

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

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

#sf_apply_apply_form .pk-sub-submit,
#sf_apply_apply_form .pk-sub-cancel,
#pk-feedback-form .pk-sub-submit,
#pk-feedback-form .pk-sub-cancel,
.app-view form .pk-sub-submit,
.app-view form .pk-sub-reset,
.app-view form .pk-sub-cancel
{
border: none;
float: left;
background: #FBEF3B;
padding: 2px 3px;
line-height:16px !important; /*RB 10.23.09 Added explicit line height since cancel buttons are anchors, not inputs and were inheriting other line height*/
border: 1px solid #fbef3b;
font-family: Arial, Sans-serif;
font-size: 12px;
text-decoration: none;
width: auto;
}

#sf_apply_apply_form .pk-sub-cancel,
#pk-feedback-form .pk-sub-cancel,
.app-view form .pk-sub-reset,
.app-view form .pk-sub-cancel
{
background: #fff;
border: 1px solid #bbb;
color: #888;
}

#pk-feedback-form .pk-sub-submit:hover,
#sf_apply_apply_form .pk-sub-submit:hover,
.app-view form .pk-sub-submit:hover
{
cursor: pointer;
border: 1px solid #333;
}

#sf_apply_apply_form .pk-sub-cancel:hover,
#pk-feedback-form .pk-sub-cancel:hover,
.app-view form .pk-sub-reset:hover,
.app-view form .pk-sub-cancel:hover
{
cursor: pointer;
border: 1px solid #555;
background-color: #eee;
color: #333;
}

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.pk-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 .pk-form-row,
#addphase .pk-form-field
{
float: left;
padding: 0;
width: auto;
clear: none;
}

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

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

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

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

/* -- Events Listing Styles -- */

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

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

#pk-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 .pk-sidebar .wall-attachments li,
.group-wall .pk-sidebar .wall-attachments li
{
float:left;
margin:2px 0;
}

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

.event-wall .pk-sidebar .wall-attachments li a:hover,
.group-wall .pk-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
{
color:#555;
margin-left:3px;
}

.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;
}


#pk-tab-navigation .pk-tab-nav-item.first,
#pk-tab-navigation .pk-tab-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;
}

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

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

.pogil-filter-sidebar h5:hover
{
color: #bbb;
}

.pogil-filter-sidebar .open h5
{
background-position: top left;
}

.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 ul li
{
margin: 0 0 5px 0;
}

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

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

.pogil-filter-sidebar a:hover
{
text-decoration: underline;
}

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

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

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

a.pk-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 .pk-form-row
{
margin:0;
padding:0;
}

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


.event .pogil-filter-sidebar,
.profile .pogil-filter-sidebar
{
float:left;
margin-top:20px;
}

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

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

.pogil-filter-sidebar .pogil-user-filters.open .pogil-filter-form
{
display: block;
margin-left:10px;
}

.pogil-filter-sidebar .pogil-user-filters.open .pogil-filter-form .pk-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 input
{

}

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

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

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

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

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

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

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

#profile-permissions form .pk-form-row .pk-form-field,
form.pogil-filter-form .pk-form-row .pk-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 .pk-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 .pk-form-edit-button:hover
{
border: 1px solid #000;
}

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

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

/* == */
/* POGIL media =========================== */
/* == */

.pk-media .subnav-wrapper
{
width: 200px;
margin-right: 40px;
}

.pk-media .subnav-wrapper #pk-subnav
{
width: 180px;
}

.pk-media .pk-search-form.media
{
margin: 0;
}


.pk-media .pk-tag-sidebar .pk-tag-sidebar-title.all-tags
{
background-color: inherit;
background-image: url(/images/pk-icon-arrow-toggle.png);
color: #fff;
}

.pk-media .pk-media-subnav .pk-media-filters
{
color: #eee;
}

#pk-subnav a.selected
{
color: #fff;
padding: 0 20px 0 5px;
position: relative;
display: inline;
float: left;
clear: both;
text-decoration: none;
background: #555 url(/pkToolkitPlugin/images/pk-icon-alt-cancel.png) no-repeat bottom right;
}

#pk-subnav a.selected:hover
{
color: #000;
background-color: #bbb;
background-position: top right;
text-decoration: none;
}

.pk-media .pk-media-item.even
{
width: 340px;
margin-right: 40px;
}

.pk-media .pk-media-item.odd
{
width: 340px;
}

.pk-media .pk-media-item-title h3 a
{
color: #000;
}

.pk-media .pk-media-item-title h3 a:hover
{
color: #555;
}

.pk-media .pk-media-item-description
{
font-size: 11px;
margin-bottom: 10px;
}

.pk-media .pk-media-item-description p
{
margin-bottom: 10px;
}

.pk-media .pk-media-item-meta
{
font-size: 11px;
}

.pk-media .pk-media-item-meta a
{
color: #000;
text-decoration: underline;
}

.pk-media .pk-media-item-meta a:hover
{
color: #555;
text-decoration: underline;
}


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

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

#feedback-footer #feedback-link
{
text-align: left;
text-transform: none;
}

#feedback-submitted
{
float: left;
clear: right;
font-size: 14px;
color: #fbef3b;
padding: 2px 3px;
background-color: #000;
}

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

#feedback-footer #feedback-link a
{
font: 11px/1 arial, helvetica, sans-serif;
color: #000;
padding: 2px 3px;
background-color: #fbef3b;
text-decoration: none;
}

#feedback-footer #feedback-link a:hover
{
background-color: #bbb;
}

#feedback-footer #feedback-form-container
{
left: 0;
right: inherit;
border: none;
padding: 0;
margin: 0;
}

#feedback-footer #feedback-form-container #pk-feedback-form
{
margin: 0;
float: left;
}

#pk-feedback-form .pk-form-help-text
{
margin-left: 140px;
width: 240px;
font-size: 11px;
color: #555;
}

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

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

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

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

.pk-2column.receipt #pk-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;	
}

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

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

.pk-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: 480px;
margin: 0 0 20px 120px;
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 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(/pkToolkitPlugin/images/pk-icon-asc.png) center right no-repeat;
}

.user-listing-heading .sorted a.desc
{
background: url(/pkToolkitPlugin/images/pk-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 .pk-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: 115px;
float:left;
display:inline;
position: relative;
}

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

.user-listing li.name .contact-info
{
	position: absolute;
	top: 0;
	left: -5px;
	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: 140px;
}

.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: 140px;
	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(/pkToolkitPlugin/images/pk-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;
}

#pk-column-two .pk_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 --------*/

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

#pk-column-two .email-form-body .pk-form-field.email-addresses.all-list
{
height:60px;	
overflow:auto;
}

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

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

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

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

.pk-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 .pk-form-row.wall-submit,
form#pogil-group-wall-form .pk-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;
}

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

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

#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 .pk-main #event-wrapup form
{
	margin: 20px 0;
}

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

.help-text
{
	color: #888;
}

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

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

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