/*--------------------------------------------------------------------

This CSS file is used for making edits to the existing global.css file.
When making edits copy the entire element's styling and then make the 
required edits. When adding additional styling edits log the line number
of the change in global.css.

This file should be pushed over to stanford servers when using for QA.
This file will never be pushed to production - the files will be merged
when making a push to the live servers.

-Steffen

----------------------------------------------------------------------*/

/* NEW STYLES */

/* Add at line 334 */
a.small {
	color: #990000;
}
h5 a {
	font-size: 13px;
	font-weight: normal;
	color: #990000;
}
/* Add at line 352 */
.multipleSubscriptions .indent {
	margin-left: 19px !important;
}
/* Add at line 400 */
.breadcrumbs {
	padding: 3px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #726543;
	background: #F3F1ED;
	line-height: 1.3em;
}

/* Add at line 1756 */
.activity h4 {
	margin-top: 10px;
}
.activity li {
	padding-left: 30px;
	margin-bottom: 7px;
}
.activity li span {
	font-weight: bold;
}
.activity li a.num {
	margin-left: -30px;
	float: left;
	display: inline-block;
	height: 14px;
	width: 23px;
	padding:4px 0;
	text-align:center;
	width:23px;
	color: #ffffff;
	font-size: 10px;
}
.activity li a.posts {
	background: url(/pgw/s20/i/icons/star2.png);
}
.activity li a.members {
	background: url(/pgw/s20/i/icons/star1.png);
}
.activity li a.events {
	background: url(/pgw/s20/i/icons/star3.png);
}
.activity li a {
	font-weight: bold;
}

/* Add at line 3788 */
div.box.featured {
	margin: 10px 0 15px 0 !important;
	padding: 0 !important;
}

/* Add at line 6036 */
.sIFR-floatright.double {
	top: 44px !important;
}

/* Add at line 1667 */
div.expandable label .handle {
	font-size: inherit;
	height: auto;
	margin: 0;
	padding: 0;
}

/* Add at line 1688 */
div.expandable label .handle span{
	display: none;
}


.eventActivities div.expandable li strong {
	vertical-align: top;
}

/* Add at line 3849 */
div.box.featured .content {
	height: 205px;
}
/* Add at line 170 */
#content {
	float: left;
	display: inline;
	width: 706px;
	padding: 15px 20px 0 20px;
	margin-top: -91px;
	min-height: 91px;
	*height: auto;
	_height: 91px;
	position: relative;
	border-top: 6px solid #443310;
	background: #fff url(bgContentTop.gif) 0% 0% repeat-x;
}

/* Add at line 5033 */
.discussionSubscribe a.tooltip {
	background-image: none;
	display: inline;
	height: auto;
	margin-left: 0;
	text-indent: 0;
	width: auto;
	filter: none;
}

/* Add at line 2105 */
.comments ul li p,
.comments ul li div.quote {
	background: url(bgComments.gif) -14px 0% repeat-y;
	margin: 0;
	width: 383px;
	padding: 0 10px 10px 10px;
	float: right;
	clear: both;
}

/* Add at line 2105 */
.StyledSelect div.ulcontainer ul li {
	background: none;
	float: none;
	width: auto;
	padding-left: 4px !important;
	margin-left: 0;
	margin-bottom: 0 !important;
	list-style-type: none !important;
}

/* Add at line 4924 */
.StyledSelect div.ulcontainer ul ul li {
	padding-left: 15px !important;
}

/* Add to line 1290

/* Right Sash -> Gray
-----------------------------------*/
#rightSash  div.box.gray {
	padding-top: 10px;
	background: #F3F1ED;
	padding: 15px;
	border: none;
}
#rightSash div.box.gray h3 {
	margin: 0;
}
#rightSash div.box.gray ul.last {
	margin-bottom: 0px;
}
#rightSash div.box.gray li {
	padding: 7px 0;
	border-top: 1px solid #d6d6d6;
}
#rightSash div.box.gray li.first {
	border-top: none;
}


/* Add at line 215 */
.template3 #middle {
	border-right: none;
}
.template3 #rightSash {
	border-left: none;
}


/* Combine with CSS at line 165 */
#leftSash {
	overflow:hidden;
}

/* Add at line 3291 */
div.box.search fieldset div.StyledSelect.inline {
	float: none !important;
	display: inline-block;
	display: -moz-inline-stack;
	*display: inline;
	vertical-align: text-top;
}
div.box.search fieldset div.full div.StyledSelectContainer.inline {
	display: inline-block;
	*display: inline;
}

/* Combine with #middle at line 182 */
#middle {
	*margin-bottom:-15px;
}

/* Combine with #rightSash at line 190 */
#rightSash {
	*margin-bottom:-15px;
}

/* Combine with .padBottom .StyledSelectContainer at line 2658 */
.padBottom .StyledSelectContainer {
/*	z-index: 2; */
}
.StyledSelectContainer {
	*z-index: 12;
	position: relative;
}

/* Add at line 400 */
.nobreak {
	white-space: nowrap;
}
.noOverflow {
	word-wrap: break-word;
	overflow: hidden;	
}

/* Add at line 822 */
div#mainnav .navCommunity a {
	width: 88px;
}
div#mainnav .navActivities a {
	width: 78px;
}
div#mainnav .navResources a {
	width: 90px;
}
div#mainnav .navNewsAndViews a {
	width: 106px;
}
div#mainnav .navVolunteering a {
	width: 112px;
}
div#mainnav .navMyStanford a {
	width: 112px;
}

/*for a11y purposes */
div#mainnav a:focus {
	background-position: 50% -40px;
	background-color: #900;
}

/* Add at line 2077 */
ul.blog div.userContent {
	margin-bottom: 1em;
}



/* Replace at line 819 */
div#mainnav .yuimenubaritemlabel {
	background-position: 50% 0;
}

/* Replace at line 843 */
div#mainnav .yuimenubaritemlabel-selected {
	background-position: 50% -40px;
}

/* Replace at line 809 */
div#mainnav .yuimenubaritemlabel {
	padding: 0 30px;
}

/* New -- add to bottom of file */
.fbconnect {
	background: url("/pgw/s20/i/global/fbconnect.png") no-repeat scroll 0 0 transparent;
	text-indent: -5000px;
	width: 169px;
	height: 21px;
	display: block;
	overflow: hidden;
}

/* Remove background from line 885 */
div#mainnav .yuimenu .yuimenuitem a.yuimenuitemlabel-selected {
	background: none;
}

/* New -- add to bottom of file */
#content .enableBullets ul {
	margin-left: 1em;
}
#content .enableBullets ul li {
	background: url("/pgw/s20/i/global/bgRightBullet.gif") no-repeat scroll 0 5px transparent;
	padding-left: 1.3em;
	list-style-position: outside;
	margin-bottom: 0.5em;
}

#FormDialog .bd ul.bullets li {
	background: url("/pgw/s20/i/global/bgRightBullet.gif") no-repeat 0 5px;
	padding-left: 1em;
	padding-bottom: 0.5em;
	list-style-position: outside;	
}


/* Add at line 4282 */
/* div.box -> Group Documents
-----------------------------------*/
div.box.groupDocs thead tr th {
	padding: 0;
	text-transform: uppercase;
} 


/* Add at line 507 */
.doc, .docx {
	background-image: url(/pgw/s20/i/icons/page_white_word.png);
}
.xls, .xlsx {
	background-image: url(/pgw/s20/i/icons/page_white_excel.png);
}
.jpg, .gif, .jpeg, .bmp, .png {
	background-image: url(/pgw/s20/i/icons/image.png);
}
.ppt, .pptx {
	background-image: url(/pgw/s20/i/icons/page_white_powerpoint.png);
}
.mpg, .mov, .mp4, .wmv {
	background-image: url(/pgw/s20/i/icons/film.png);
}
.mp3, .wav, .wma, aac, .aif {
	background-image: url(/pgw/s20/i/icons/music.png);
}
.txt, .rtf {
	background-image: url(/pgw/s20/i/icons/page_white_text.png);
}


/* Add at line 507 */

div.box.reunionHighlights ul li {
	margin-left: 1em;
}
#middle div.box.reunionHighlights ul li {
	background: url("/pgw/s20/i/global/bgRightBullet.gif") no-repeat scroll 0 5px transparent;
	padding-left: 1.3em;
	list-style-position: outside;
	margin-bottom: 0.5em;
}


/* Add at line 1597 */

div.info a, span.info a {
	background-image: url(/pgw/s20/i/icons/info.png);
	width: 19px;
	height: 19px;
	display: block;
	text-indent: -10000px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/pgw/s20/i/icons/info.png');
	*background: none;
}

.infoIcon {
	background: url("/pgw/s20/i/icons/info.png") no-repeat scroll 0pt 0pt transparent; 
	padding-left: 25px; 
	line-height: 20px;
}

/* Replace the commented out code staring line 3850 */

div.box.featured .content {
	background: url(/pgw/s20/i/global/bgTabFeaturedContentBtm.gif) right bottom no-repeat;
	color: #726543;
}
div.box.featured .content table tr td {
	margin: 0;
	padding: 30px 15px 15px 15px;
}
div.box.featured .content table tr td.image {
	width: 1%;
	padding-right:0;
}
div.box.featured .content h3 {
	font-size: 17px;
	line-height: 18px;
	margin-bottom: 11px;
	color: #726543;
}
div.box.featured .content img {
	margin: -40px 0 0 0;
	position: relative;
}
div.box.featured a.feed {
	position: absolute;
	top:15px;
	right:18px;
}


/* Add at line 851*/
div#mainnav #activities {
	margin-left:60px;
	width:650px;
}
div#mainnav #resources {
	margin-left:130px;
	width:600px;
}
div#mainnav #newsandviews {
	margin-left:350px;
	width:400px;
}
div#mainnav #volunteering {
	margin-left:300px;
	width:650px;
}
div#mainnav #mystanford {
	margin-left:420px;
	width:530px;
}



/* Add at line 1907*/
.yui-skin-sam .yui-navset .yui-nav .selected a span.tabtext, 
.yui-skin-sam .yui-navset .yui-nav .selected a:focus span.tabtext, 
.yui-skin-sam .yui-navset .yui-nav .selected a:hover span.tabtext {
	background: none;
	color: #FFFFFF;
	padding-top: 10px;
}
/* Add at line 3837*/
div.box.featured .yui-nav li.selected a span.tabtext,
div.box.featured .yui-nav li.selected a:hover span.tabtext {
	color: #fff;
	background: url(/pgw/s20/i/global/bgTabFeaturedSelectedBullet.gif) 15px 22px no-repeat !important;
}
.yui-skin-sam .yui-navset .yui-nav .selected a span.tabtext {
	border-color:#243356;
}
/* Add at line 3822*/
div.box.featured .yui-nav li a:hover span.tabtext,
div.box.featured .yui-nav li a span.tabtext {
	background: url(/pgw/s20/i/global/bgTabFeaturedBullet.gif) 15px 22px no-repeat !important;
	color: #504528;
	padding: 20px 20px 15px 25px !important;
	height: auto;
	font-style: normal;
	border: none;
}
/* Add at line 1858*/
.yui-skin-sam .yui-navset .yui-nav li span.tabtext {
	margin: 0;
	border: none;
	background: none;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #726543;
	font-size: 11px;
	cursor: pointer;
	float: left;
	display: inline;
}
.yui-skin-sam .yui-navset .yui-nav a span.tabtext, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a span.tabtext {
	border-color:#A3A3A3;
	border-style:solid;
	border-width:1px 0 0;
	bottom:0;
	left:0;
	padding:0.25em 0.75em;
	position:relative;
	right:0;
	top:-1px;
}


/* Add at line 3596*/
div.box.grey.article.largeImage {
	width: 480px;
	max-width: 480px;
}

div.box.grey.article div.image {
	text-align: center;
}

div.box.video {
	/*margin: 0 9px 10px 0;*/
	/*width: 235px;*/
	padding: 0;
	float: left;
	display:inline;
}

div.box.video.largeImage {
	width: 480px;
	max-width: 480px;
}

p.magazineSubhead {
	font-size:15px;
}

div.box.magFeatured div.header h2 {
	width: 370px;
	height: 100%;
	padding-top:10px;
}

/* Replace lines 3596 to 3603 with: */
div.box.grey.articleRight img,
div.box.grey.article img,
div.box.video img{
	margin-bottom: 5px;
}
div.box.grey.articleRight p,
div.box.grey.article p,
div.box.video p{
	margin: 3px 5px;
}

/* Add at line 334 */
.credit {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #726543;
	line-height: 1.3em;
}


/* Add at line 4476 */
div.box.eventRegistration ol.listContainer p.editHide {
	text-align: right;
	width: 115px;
}
div.box.eventRegistration ol.listContainer li {
	margin-bottom: 0;
	padding-bottom: 1em;
}

/* Add at line 6049 */
.sIFR-floatright.hidden {
	display:none !important;
}

/* Add at line 3018 */
div.box.promo .content .header .sIFR-floatright a {
	font-size: 11px;
}

/* NEW classes */
.rubric {
	text-transform: uppercase;
	color:#7D9A18;
}

img.padded {
	padding: 10px;
}


div.box.membershipOptions {
	border: 1px solid #becd9e;
	margin-bottom: -1px;
}

div.box.membershipOptions div.header {
	background: #f2f1ed;
	border-bottom: 1px solid #becd9e;
	padding: 5px 10px;
	margin-bottom: -1px;
}

div.expandPlan {
	border: 1px solid #becd9e;
	margin-bottom: -1px;
	background: transparent;
}

div.expandPlan .header {
	border: none;
	font-size: 13px;
	font-weight: normal;
	padding: 5px 10px;
	margin: 0 0 -1px 0;
	background: #f2f1ed;
	border-bottom: 1px solid #becd9e;
	color: #726543;
	position: relative;
}

div.expandPlan .header div.detail {
	font-size: 11px;
	margin-left: 25px;
	font-style: italic;
}

div.expandPlan .content {
	padding: 10px 5px 0 30px;
}

div.expandPlan.hide .content {
	display: none;
}

div.expandPlan .handle {
	height: 19px;
	line-height: 19px;
	*position: relative;
	zoom: 1;
}
div.expandPlan .handle:hover {
	text-decoration: none;
}

div.expandPlan .handle span {
	text-indent: -5000px;
	height: 19px;
	width: 19px;
	position: relative;
	display: inline-block;
	margin-right: 6px;
	vertical-align: middle;
	float:left;
}
div.expandPlan .handle a,
div.expandPlan a.handle {
	*position: absolute;
}
div.expandPlan.show .handle span {
	background: url(/pgw/s20/i/icons/hide.png) no-repeat 0 50%;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/pgw/s20/i/icons/hide.png');
	*background: none;
}
div.expandPlan.hide .handle span{
	background: url(/pgw/s20/i/icons/show.png) no-repeat 100% 50%;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/pgw/s20/i/icons/show.png');
	*background: none;
}

/* NEW */
#searchAlumniResults table tr {
	border-top:1px dashed #bbb;
}

#searchAlumniResults table th,
#searchAlumniResults table td {
	padding:7px 0;
}

.ts_style1 {
	border-bottom: 1px solid #CCCCCC;
	color: #7D9A18;
	font-family: "Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin: 20px 0 5px;
}

.ts_style2 {
	color: #7D9A18;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

.ts_style3 {
	font-size: 16px;
	font-weight: bold;
}

.smallcaps {
	font-variant:small-caps;
}

.correctiontext {
	border:1px solid #900;
	padding: 10px;
	display:block;
}

.allcaps {
	text-transform:uppercase;
}

em strong, strong em {
	font-weight: bold;
	font-style: italic;
}

.magSubSection {
	margin-left: 20px;
}

.magSubSection h2 {
	font-size: 15px;
}

/* add to line 4350 */
div.box.talkback div.header h2 {
	background: url(/pgw/s20/i/global/magazine/Talk-Back.png) 0 0 no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/pgw/s20/i/global/magazine/Talk-Back.png');
	*background: none;
	border-bottom: 1px dashed #d3cfc5;
	padding: 2px 0 2px 32px;
	text-transform: uppercase;
	color: #443310 !important;
}
div.box.talkback div.header h2 span {
	color: #990000 !important;
}
div.box.onlineonly div.header h2 {
	background: url(/pgw/s20/i/global/magazine/Online-Only.png) 0 0 no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/pgw/s20/i/global/magazine/Online-Only.png');
	*background: none;
	border-bottom: 1px dashed #d3cfc5;
	padding: 2px 0 2px 32px;
	text-transform: uppercase;
	color: #443310 !important;
}
div.box.onlineonly div.header h2 span {
	color: #990000 !important;
}

/* add to line 1118 */
#content #magTab a {
	color: #fff;
}


.magazineIssue .rubric {
	margin-bottom: 5px;
}
.magazineIssue h3 {
	margin-bottom: 2px;
}
.magazineIssue div.box {
	margin-bottom: 10px;
}




/* NEW */

div#RegistrationTicketsEvents.box table tbody tr td {
	padding-left: 0;
}

#RegistrationTicketsEvents .header td {
	padding: 12px 10px 12px 0;
}

#RegistrationTicketsEvents .header .name {
	font-size: 15px;
	color: #7D9A18;
}

#RegistrationTicketsEvents span.event {
	font-weight: bold;
	font-size: 12px;
}

#RegistrationTicketsEvents td.totalCol,
#RegistrationTicketsEvents th.totalCol {
	text-align:right;
}

#RegistrationTicketsEvents td.first {
	width: 7px;
}

#RegistrationTicketsEvents .edit {
	padding: 0 2px 0 12px;
}
#RegistrationTicketsEvents .remove {
	padding: 0 8px 0 4px;
}


#whoiscomingattendees .expandable .header {
	padding:2px 10px;
	margin:0;
	border-top: 1px dashed #ccc;
}

#whoiscomingattendees .expandable .header.first {
	border-top: none;
}

#whoiscomingattendees .expandable .header h3 {
	line-height:20px;
}

/* Add the CSS below to the bottom of global.css

/*--------------------------------------------------------------------
	This CSS file is used for the wide home page.  
	All styles in here should be prefaced with: .wide  
----------------------------------------------------------------------*/

.wide #browsePanel {
	display: none;
}

.wide #content {
	width: 916px;
	margin-top: -27px;
	min-height: 27px;
	border-top: 10px solid #443310;
}

.wide #wrapper #content {
	margin-top: -27px;
	min-height: 27px;
}

.wide #middle {
	width: 668px;
	padding: 0 30px 0 10px;
}
	
	.wide div.box.featured {
		margin: 20px 0;
	}

	.wide div.box.featured .content {
	}

	.wide div.box.featured .yui-nav li {
		width: 200px;
	}

	.wide div.box.featured .yui-nav li.selected {
		background: url("/pgw/s20/i/global/bgTabFeaturedSelectedWide.png") no-repeat scroll 50% 0 #CAC48B !important;
		width: 225px;
	}

.wide #watermark {
	background-color: #fff;
	background-position: 100% 0;
	padding-left: 40px;	
	margin-left: 0;
}

.wide #footer {
	margin-left: 0;
}

#choicePopup_mask,
#clonePanel_mask,
#JSTimeoutPanel_mask, 
#ConfirmPanel_mask {
	z-index: 200 !important;
}

#choicePopup_c, 
#clonePanel_c, 
#JSTimeoutPanel_c, 
#ConfirmPanel_c {
	z-index: 202 !important;
}

#FormDialog_c {
	overflow: hidden;
}

.SSiefix {
	*margin-left: 5px;
}

.ellipses {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*---------------- end of CSS for wide homepage ---------------*/

.h1-sub {
	color: #999;
	font-size: 14px;
}

.a11y {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding:0 !important;
	border:0 !important;
	height: 1px !important; 
	width: 1px !important; 
	overflow: hidden;
}


.yui-navset div.box.nestedalt {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #BECD9E;
	padding: 10px;
}
.yui-navset div.box.nestedalt div.header {
	background: none repeat scroll 0 0 #F2F1ED;
	border-bottom: 1px solid #BECD9E;
	margin: -10px -10px 10px;
	padding: 5px 10px;
}
.yui-navset div.box.nestedalt div.header h3 {
	font-family: "trebuchet ms",verdana,sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	border-bottom: none !important;
}



.results ul.eventsActions {
	width: 140px;
	font-size: 0.85em;
}
.results ul.eventsActions li {
	background: none repeat scroll 0 0 #F2F1ED;
	padding: 0.4em 1.2em;
}
.results ul.eventsActions li a {
	background: url("/pgw/s20/i/global/bgRightBullet.gif") no-repeat scroll 0 5px transparent;
	display: block;
	padding-left: 1em;
}

/* TPARTY LOGIN */


#tpartylogin .box {
	padding: 10px 20px;
}

#tpartylogin .right {
	text-align: right;
}

#tpartylogin .signin {
    background: url("/pgw/s20/i/global/login/sso_bg_or.png") no-repeat scroll 50% 50% #F3F1ED;
}

#tpartylogin .casonly p {
    text-align: left;
}

#tpartylogin .casonly .placeholder {
    text-align: center;
}

#tpartylogin .casonly .placeholder img {
    padding: 2px;
    margin: 20px;
    border: 1px solid #ccc;
}

#tpartylogin .linking {
    background: url("/pgw/s20/i/global/login/sso_puzzle_linked.png") no-repeat scroll 50% 50% #F3F1ED;
}

#tpartylogin .securetparty {
    background: url("/pgw/s20/i/global/login/sso_puzzle_keyhole.png") no-repeat scroll 55% 50% #F3F1ED;
}

#tpartylogin .securetparty #secretquestion_hd,
#tpartylogin .securetparty #secretquestion_bd,
#tpartylogin .securetparty #caslogin_hd,
#tpartylogin .securetparty #caslogin_bd {
    border: 1px solid #ddd;
    padding: 5px; 
    width: 90%;
}

#tpartylogin .securetparty #secretquestion_bd,
#tpartylogin .securetparty #caslogin_hd,
#tpartylogin .securetparty #caslogin_bd {
    border-top:none;
}

#tpartylogin .securetparty #secretquestion_hd,
#tpartylogin .securetparty #caslogin_hd {
    background: #f9f9f9; 
}


#tpartylogin .box ul {
	width:220px;
	margin:1em auto;
}

#tpartylogin .tpartyuser {
    margin: 20px 0;
	text-align: center;
}

#tpartylogin .tpartyuser .facebook,
#tpartylogin .tpartyuser .Facebook {
    display: inline-block;
	padding-left: 40px;
	background: url("/pgw/s20/i/icons/social/Facebook.png") no-repeat scroll 0 50% transparent;    
	min-height: 32px;
}

#tpartylogin .tpartyuser .twitter,
#tpartylogin .tpartyuser .Twitter {
    display: inline-block;
	padding-left: 40px;
	background: url("/pgw/s20/i/icons/social/Twitter.png") no-repeat scroll 0 50% transparent;    
	min-height: 32px;
}

#tpartylogin .tpartyuser .linkedin,
#tpartylogin .tpartyuser .Linkedin,
#tpartylogin .tpartyuser .LinkedIn {
    display: inline-block;
	padding-left: 40px;
	background: url("/pgw/s20/i/icons/social/LinkedIn.png") no-repeat scroll 0 50% transparent;    
	min-height: 32px;
}

#tpartylogin .loginUserImage {
    border: 1px solid #666; 
    padding: 4px;
    background: white;
}





#tpartylogin .box ul li.email {
	padding-left:30px;
	padding-bottom: 5px;
	background: url("/pgw/s20/i/icons/email.png") no-repeat scroll 0 0 transparent;
}

#tpartylogin .box ul li.network {
	padding-left:30px;
	padding-bottom: 5px;
	background: url("/pgw/s20/i/icons/group.png") no-repeat scroll 0 0 transparent;
}

#tpartylogin .box ul li.calendar {
	padding-left:30px;
	padding-bottom: 5px;
	background: url("/pgw/s20/i/icons/calendar.png") no-repeat scroll 0 0 transparent;
}

#tpartylogin .box ul li.faster {
	padding-left:30px;
	padding-bottom: 5px;
	background: url("/pgw/s20/i/icons/control_fastforward.png") no-repeat scroll 0 0 transparent;
}

#tpartylogin .box ul li.import {
	padding-left:30px;
	padding-bottom: 5px;
	background: url("/pgw/s20/i/icons/user_go.png") no-repeat scroll 0 0 transparent;
}

#tpartylogin .box ul li.control {
	padding-left:30px;
	padding-bottom: 5px;
	background: url("/pgw/s20/i/icons/transmit.png") no-repeat scroll 0 0 transparent;
}



.importProfile {
	background: url(/pgw/s20/i/global/bgImportProfile.png) repeat-y 320px 0 #F3F1ED !important;
}

.importProfile .importStep {
	background: url("/pgw/s20/i/global/link-arrow.png") no-repeat scroll 97% 100% transparent;
}

.importProfile .yui-gb .first,
.importProfile .yui-gb .second {
	width: 45%;
}
.importProfile .yui-gb .second {
	text-align: right;
}

.importProfile .yui-gb .third {
	width: 6%;
	text-align: center;
	padding-bottom: 10px;
	background: #fcfaf6;
	font-size: 85%;
}

.importProfile .yui-gb .third input {
    margin-bottom: 4px;
}

.importProfile dl dt {
	width: 8em;
    font-weight: normal;
}

.importProfile dl dd {
	font-weight: bold;
}

.importProfile .bd {
	margin: 0 0 25px 20px;
}

.importProfile .profileLink {
	font-weight: bold;
}

.importProfile .profileLink .facebook {
    display: inline-block;
    height: 20px;
	padding-left: 30px;
	background: url("/pgw/s20/i/icons/sso-sprite.png") no-repeat scroll 0 -30px transparent;
}

.importProfile .sso_email {
    border: 1px solid #ccc; 
    padding: 5px; 
    background: #fff;
    font-weight: bold;
}

.importProfile .sso_email_import {
    border: 1px solid #ccc; 
    border-top: 0;
    padding: 5px; 
    background: #dddbc4;
}

.importProfile .sso_email_preferred {
    font-size: 85%;
    margin-top: 5px;
}



.social-icons li {
    margin-left: 20px;
    padding-left: 20px;
	background: url("/pgw/s20/i/icons/sso-sprite.png") no-repeat scroll 0 0 transparent;
	line-height: 28px;
	height: 28px;
	vertical-align: middle;
}
.social-icons li.google {
    background-position: 0 5px;
}
.social-icons li.facebook {
    background-position: 0 -25px;
}
.social-icons li.twitter {
    background-position: 0 -55px;
}
.social-icons li.yahoo {
    background-position: 0 -85px;
}
.social-icons li.linkedin {
    background-position: 0 -115px;
}
.social-icons li.aol {
    background-position: 0 -145px;
}


#loginDL,
#loginDL a {
    vertical-align: top;
}
#tpartyButtonDiv {
    display: inline-block;
}

 




/* =================================== 
   CLASSBOOK STYLES
   =================================== */

/* Lightbox Styles */   

#ClassbookDialog #texteditor {
    width: 100%;   
    height: 300px;
}   

#ClassbookDialog .existingImage,
#ClassbookDialog #stockImagePreview {
    height: 150px;
    margin-bottom: 20px
}

#ClassbookDialog .question_wrapper {
    margin: 20px 0; 
    border-bottom: 1px solid #CCC; 
    padding-bottom: 20px;
}

#ClassbookDialog .customQuestion {
    display: block; 
    width: 50%; 
    margin: 5px 0; 
}

#ConfirmPanel #spinner {
	background: url("/pgw/s20/i/global/loading.gif") no-repeat scroll 0 0 transparent;
	padding-left: 35px;
	line-height: 35px;
	height: 35px;
}



/* Global Classbook Styles */

#cb_template {
    width: 612px;
    height: 792px;
    border: 1px solid #aaa;
}

#cb_template .marginWrapper {
    margin: 27px 45px 36px;
}

#cb_template .userblock {
    position: relative; 
    margin-bottom: 18px;
    overflow: hidden;
    border: 2px dashed #ccc;  
    font-size: 10px;
    font-family: Arial;
    line-height: 1.3em;
}
  
#cb_template .userblock .hd {
    width: 100%; 
    height: 20px; 
    background: #ddd; 
    position: absolute; 
    text-align: right; 
    line-height: 20px; 
    font-size: 11px;
    z-index: 1;
    opacity: 0.8;
}


#cb_template.cb_template_3 .userblock .hd {
    opacity: 0;

    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
    
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    -ms-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

#cb_template.cb_template_3 .userblock:hover .hd {
    opacity: 0.6;
}

#cb_template .userblock .hd a {
    padding: 0 10px;
}

#cb_template .userblock .bd {
    position: relative;
    height: 100%;
}  

/* BLOCK TYPE STYLES */  
/* Text Block */
#cb_template .type-text .bd {
    border: 1px solid #ccc;
    padding: 4px;
}
   
/* Questions Block */
#cb_template .type-questions .bd {
    border: 1px solid #ccc;
    padding: 4px;
}
   
#cb_template .type-questions .questionWrapper {
    margin-bottom: 5px;
}
   
#cb_template .type-questions .questionHeader {
    font-size: 10px; 
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 4px;
}
   
/* Picture Block */
#cb_template .type-picture .bd {
    text-align: center;
} 

#cb_template .type-picture .titleTxt,
#cb_template .type-picture .captionTxt {
    position: absolute;
    background: #fff;
    width: 100%;
    text-align: center;
    padding: 5px 0;
}

#cb_template .type-picture .titleTxt {
    top: 0;
}

#cb_template .type-picture .captionTxt {
    bottom: 0;
}
  
#cb_template .type-picture img.full-width {
    width: 100%;
}
  
#cb_template .type-picture img.full-height {
    height: 100%;
}
  
   
/* Bio Block */
#cb_template .type-bio {
    font-size: 12px;
    line-height: 1em;
    position: relative;
}
   
#cb_template .type-bio .bioLogo {
    position: absolute; 
    top: 0;
    left: 0;
    font-size: 10px;
}
   
#cb_template .type-bio .bioLogo img {
    width: 70px; 
    height: 60px;  
}
   
#cb_template.saa .type-bio .bioLogo img {
    width: 54px; 
    height: 54px;  
}
   
#cb_template .type-bio .bioNames {
    padding-left: 80px;  
    min-height: 70px;
}

#cb_template.saa .type-bio .bioNames {
    padding-left: 60px;  
    min-height: 60px;
}

#cb_template .type-bio .regName {
    font-size: 18px;   
    line-height: 1.3em;   
}

#cb_template .type-bio .bioHeader {  
    font-size: 10px; 
    text-transform: uppercase;
    font-weight: bold;
    color: #333;
    margin: 11px 0 2px;
}

#cb_template .type-bio .bioAddress {
    font-size: 10px;  
}
   
#cb_template.saa .type-bio .bioAddress {
    font-size: 12px;  
}
   


/* TEMPLATE 1 STYLES */

.cb_template_1 #ub1 {
    width: 252px;
    height: 198px;
}

.cb_template_1 #ub2 {
    width: 252px;
    height: 198px;
}

.cb_template_1 #ub3 {
    width: 252px;
    height: 180px;
}

.cb_template_1 #ub4 {
    width: 252px;
    height: 288px;
}

.cb_template_1 #ub5 {
    width: 252px;
    height: 288px;
}

.cb_template_1 #ub6 {
    width: 252px;
    height: 180px;
}



/* TEMPLATE 2 STYLES */

.cb_template_2 #ub1 {
    width: 252px;
    height: 198px;
}

.cb_template_2 #ub2 {
    width: 117px;
    height: 198px;
}

.cb_template_2 #ub3 {
    width: 117px;
    height: 198px;
}

.cb_template_2 #ub4 {
    width: 252px;
    height: 180px;
}

.cb_template_2 #ub5 {
    width: 252px;
    height: 288px;
}

.cb_template_2 #ub6 {
    width: 252px;
    height: 288px;
}

.cb_template_2 #ub7 {
    width: 252px;
    height: 180px;
}
     
     

/* TEMPLATE 3 STYLES */

.cb_template_3 #ub1 {
    width: 252px;
    height: 198px;
}

.cb_template_3 #ub2 {
    width: 252px;
    height: 198px;
}

.cb_template_3 #ub3 {
    width: 517px;
    height: 141px;
}

.cb_template_3 #ub4 {
    width: 517px;
    height: 352px;
}




/* TEMPLATE 11 STYLES */

.cb_template_11 #ub1 {
    width: 252px;
    height: 198px;
}

.cb_template_11 #ub2 {
    width: 117px;
    height: 198px;
}

.cb_template_11 #ub3 {
    width: 117px;
    height: 198px;
}

.cb_template_11 #ub4 {
    width: 252px;
    height: 180px;
}

.cb_template_11 #ub5 {
    width: 252px;
    height: 288px;
}

.cb_template_11 #ub6 {
    width: 252px;
    height: 288px;
}

.cb_template_11 #ub7 {
    width: 252px;
    height: 180px;
}



/* TEMPLATE 12 STYLES */

.cb_template_12 #ub1 {
    width: 252px;
    height: 198px;
}

.cb_template_12 #ub2 {
    width: 117px;
    height: 198px;
}

.cb_template_12 #ub3 {
    width: 117px;
    height: 198px;
}

.cb_template_12 #ub4 {
    width: 252px;
    height: 180px;
}

.cb_template_12 #ub5 {
    width: 252px;
    height: 288px;
}

.cb_template_12 #ub6 {
    width: 252px;
    height: 288px;
}

.cb_template_12 #ub7 {
    width: 252px;
    height: 180px;
}




/* END NEW STYLES */
