/*  reset css */
@import url(reset.css);
/*  toolbar css */
@import url(toolbar.css);
/*  westsuggest css */
@import url(westsuggest.css);
/*  footer css */
@import url(footer.css);
/*  footer css */
@import url(landing.css);

/*  IE6 and IE7 Hacks */
.ie6 #weather, .ie7 #weather { margin-left:-5px }
.ie7 #weather { margin-right:0px; }
.ie6 .ui-accordion .ui-accordion-content, .ie7 .ui-accordion .ui-accordion-content { overflow:auto; }

#content {
	padding:10px 10px 350px 10px;
	float:right;
	width:730px;
}

.clear {
	clear:both;
	display:block;
}

#content p {
	margin:10px 10px 10px 0px;
	line-height:18px;
}

#content p.title {
	color:#00457a;
	font-family:Helvetica, Arial, san-serif;
	font-size:20px;
	margin:15px 0px 10px 0px
}

#content p.subTitle {
	color:#444;
	font-family:Helvetica, Arial, san-serif;
	font-size:17px;
	margin:15px 0px 10px 0px
}

.sectiontitle {
	font-weight:bold;
	text-transform:uppercase;
}

.inlineheader {
	color:#00457a;
	font-weight:bold;
}

#content img.prettypicture {
	display:none;
}

#content ul, #content ol {
	margin:10px 0px 10px 30px;
}

#content td {
	padding:2px 4px;
}

#botBreaker { display:none; }


/* Overlib */

.fontClass {font-size: 11px; padding:8px; border:#00457a 1px solid;}
.captionFontClass {font-family: Arial, sans-serif; font-size: 11px; font-weight: bold;
color:  #ffffff; padding:4px;}
.captionFontClass A {color: #ffffff; font-size: 11px;}
.fgClass {background-color: #FFFFf5; padding:10px;}
.bgClass {background-color: #00457a; }

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 10px Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	-webkit-border-radius: 1.1em;
	-moz-border-radius: 1.1em;
	border-radius: 1.1em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	margin-right:5px;
}

.button:hover {
	text-decoration: none;
}

.button:hover {
	text-decoration: none;
}

.button:active {
	position: relative;
	top: 1px;
}

.small {
	font-size: 10px;
	padding: 5px 7px 2px 7px;

}

#sharingTools {
	float:right;
	width:190px;
	position:relative;
}

.ie6 #sharingTools {
	width:198px;	
}

#facebookShare {
	margin:50px 0px 10px 0px;
}

.shareButton {
	float:left;

 background-image: url(/images/ui-icons_888888_256x240.png)/*{iconsContent}*/;
	background-position:-131px -98px; height:16px; width:16px;
}

.printButton {
	float:left;

 background-image: url(/images/ui-icons_888888_256x240.png)/*{iconsContent}*/;
	background-position:-162px -98px; height:16px; width:16px;
}

.emailButton {

float:left;
 background-image: url(/images/ui-icons_888888_256x240.png)/*{iconsContent}*/;
	background-position:-82px -98px; height:16px; width:16px;
}

/*  sharing box */

#sharingThisContent .sharingTitle h6 {
	font-size:10px;
	color:#949494;
	padding:0px 0 9px 0;
	margin:0px;
}

.sharingTitle img {
	float:right;
}

.sharingBox {
		display: none;
	width:150px;
	position:absolute;
	left:0px;
	padding:15px;
	margin:1em 0 3em;
	color:#000;
	background:#f3f3f3; /* default background for browsers without gradient support */
	top:35px;
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#eeeeee));
	background:-moz-linear-gradient(top, #f3f3f3, #eeeeee);
	background:-o-linear-gradient(top, #f3f3f3, #eeeeee);
	

	-moz-box-shadow: 3px 3px 10px #999;
	-webkit-box-shadow: 3px 3px 10px #999;
	box-shadow: 3px 3px 10px #999;
}

.ie7 .triangle-isoceles { 	left:-50px; }

/* Variant : for top positioned triangle
------------------------------------------ */

.sharingBox.top {
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3));
	background:-moz-linear-gradient(top, #ffffff, #f3f3f3);
	background:-o-linear-gradient(top, #ffffff, #f3f3f3);
}

/* creates triangle */
.sharingBox:after {
	content:"";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-15px; /* value = - border-top-width - border-bottom-width */
	left:120px; /* controls horizontal position */
	width:0;
	height:0;
	border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#ddd transparent;
}

/* Variant : top
------------------------------------------ */

.sharingBox.top:after {
	top:-15px; /* value = - border-top-width - border-bottom-width */
	right:132px; /* controls horizontal position */
	bottom:auto;
	left:auto;
	border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
	border-color: #ddd transparent;
}
.sharingItem {
	clear:both;
}

.sharingItem a, .sharingItem a:hover {
	display:block;
	text-decoration:none;
	padding:3px 0 4px 25px;
	background:url(/images/share_sprite.png) 0 2px no-repeat;
}

.sharingItem a:hover { text-decoration:underline;}

.sharingItem a:visited {
	color:#004276;
}

.sharingItem a.shareDigg, .sharingItem a.shareDigg:hover {
	background-position:0 -7px;
}

.sharingItem a.shareFacebook, .sharingItem a.shareFacebook:hover {
	background-position:0 -32px;
}

.sharingItem a.shareDelicious, .sharingItem a.shareDelicious:hover {
	background-position:0 -59px;
}

.sharingItem a.shareReddit, .sharingItem a.shareReddit:hover {
	background-position:0 -88px;
}

.sharingItem a.shareStumbleUpon, .sharingItem a.shareStumbleUpon:hover {
	background-position:0 -120px;
}

.sharingItem a.shareMyspace, .sharingItem a.shareMyspace:hover {
	background-position:0 -146px;
}

.sharingItem a.shareTwitter, .sharingItem a.shareTwitter:hover {
	background-position:0 -178px;
}

.sharingItem a.shareLinkedIn, .sharingItem a.shareLinkedIn:hover {
	background-position:0 -235px;
}

.sharingItem a.shareViadeo, .sharingItem a.shareViadeo:hover {
	background-position:0 -223px;
}

/* end share box styling */
.workshoplistelearning li {margin:10px}